如何显示数据中的翻译?

引用:https://vuetifyjs.com/en/customization/internationalization#custom-components

如果我在方法中运行console.log(this.$vuetify.lang.t('$vuetify.selectProvince'))或已挂载,则它可以工作。但是,如果我对数据运行它,则无法正常工作。例如:

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

我该如何解决这个问题?

ilovejingye 回答:如何显示数据中的翻译?

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

data() {
  const self = this
  return {
    cards: [
      { id: 1,title: self.$vuetify.lang.t('$vuetify.selectProvince') }
    ]
  }
}
本文链接:https://www.f2er.com/3148491.html

大家都在问