VUE项目框架在JS文件中使用i18n做国际化
VUE项目框架使用i18n做国际化
·
前提在main.js文件中引入i18n
import Vue from 'vue'
import i18n from '@/locales/index'
在locales下的index.js文件中定义
const i18n = new VueI18n({
locale: lang, // set locale
messages // set locale messages
})
locale.i18n((key, value) => i18n.t(key, value))
export default i18n
在其他js文件中引入i18n,使用i18n.t调用即可
import i18n from '@/locales/index'
export const tableList1 = [
{
prop: 'test1',
label: i18n.t('message.test1_label')
},
{
prop: 'test2',
label: i18n.t('message.test2_label')
}
]
在vue文件可以直接使用,使用this.$t
<template>
<div>
<span slot="label">
<i style="color: red">*</i>
{{ $t('message.test3_name') }}
</span>
<el-form-item :label="$t('message.test4_name')">
<el-input v-model="form.test5_name" disabled />
</el-form-item>
</div>
</template>
<script>
export default {
data() {
return {
name: this.$t('message.test6_name')
}
}
}
</script>
更多推荐
已为社区贡献2条内容
所有评论(0)