如何在数据中显示翻译

Question

引用：https://vuetifyjs.com/en/customization/internationalization#custom-组件

如果我在方法或挂载中运行console.log(this.$vuetify.lang.t('$vuetify.selectProvince'))，它就会工作。但如果我在数据上运行它，它就不起作用。例如：

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

我该如何解决这个问题？

Answer 1

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

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