Vue.js 如何在数据中显示翻译?

Vue.js 如何在数据中显示翻译?,vue.js,vue-component,translation,vuex,vuetify.js,Vue.js,Vue Component,Translation,Vuex,Vuetify.js,参考: 如果我在方法或mounted中运行console.log(this.$vuetify.lang.t('$vuetify.selectProvince'))。但如果我在数据上运行它,它就不起作用了。例如: data: () => ({ cards: [ { id: 1, title: this.$vuetify.lang.t('$vuetify.selectProvince') }, ], }) 如何解决此问题?在数据函数中定义一个变量并指向当前Vue实例,然后您可

参考:

如果我在方法或mounted中运行
console.log(this.$vuetify.lang.t('$vuetify.selectProvince'))
。但如果我在数据上运行它,它就不起作用了。例如:

data: () => ({
  cards: [
    { id: 1, title: this.$vuetify.lang.t('$vuetify.selectProvince') },
  ],
})

如何解决此问题?

在数据函数中定义一个变量并指向当前Vue实例,然后您可以按如下方式使用它:

data() {
  const self = this
  return {
    cards: [
      { id: 1, title: self.$vuetify.lang.t('$vuetify.selectProvince') }
    ]
  }
}