vue.js 国际化文本更新语言对脚本不起作用

p8h8hvxi 于 2022-12-04 发布在 Vue.js

关注(0)|答案(1)|浏览(121)

我在多语言国际化工作，我已经准备好了一切，并试图翻译HTML文本，例如：

<q-item-section>{{ $t('display') }}</q-item-section>

它工作正常，但我现在的问题是更新脚本中的txt，就像我有这样的部分：

<q-item-section >{{HideMore}}</q-item-section>

我已经试过了：

HideMore: this.$t('hide')

好了，现在它显示了txt，但当我试图切换语言时，实际上什么也没有发生（txt没有更新）。

1条答案

据我所知，您不能在data对象中使用此函数（或任何函数）。
当我遇到这个问题时，我把它放在一个计算变量中：

computed: {
  breadcrumbs: function(){
    return [{
      text: this.$t('locations.titlePlural')
    }]
  },
},

编辑：

我发现当你像这样定义data属性时：

data: function () {
  return {
    propName: this.someFunction()
  }
},

你实际上可以调用this，通过它你可以调用返回值的方法！
Vue文档