vue-i18n使用踩坑记录之赋值
今天的任务有一个地方需要将button的名称做成多语言,于是在en.json中定义了button的值
如图:
在组件ListText.ts中定义
在list页面中进行调用
所以这样写是报错的
所以查阅了vue-i18n的API文档
具体原因其实还是没搞懂,所以我只能换一种写法。。如果有更好的会在更新,解决如下:
ListText.ts:
List.ts中应用:
注意:
在ts中使用vue-i18n时,数据不能直接
pupopupButtons :string[]= [this.$t(...)]
这种写法,一定要
popopupButtons:string[] = []
mounted(){
this.popopupButtons = [this.$t(.....),this.$t(.....)]
}
保证数据在使用前就定义好,才不会报错