前提在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>
Logo

前往低代码交流专区

更多推荐