Как я могу отобразить перевод в данных?

Question

ссылка: 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') },
  ],
})

Как я могу решить эту проблему?

Answer 1

Определите переменную в функции данных и укажите текущий экземпляр Vue, затем вы можете использовать его следующим образом:

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