语言环境变更
有时你可能希望动态更改语言环境。在这种情况下,你可以更改 VueI18n
实例的 locale
属性的值。
示例:
<template>
<select v-model="$i18n.locale">
<option v-for="(lang, i) in langs" :key="`Lang${i}`" :value="lang">{{ lang }}</option>
</div>
</template>
name: 'locale-changer',
data () {
return { langs: ['ja', 'en'] }
}
⚠️ 对于使用了 sync: false
的组件,语言环境的更改将被忽略。