vue 国际化引入vue-i18n后，html正常，但是v-for里的data切换语言不起作用

代码如下：html：{{$t("EOSGame.shaiZi.part1")}}{{$t("EOSGame.shaiZi.part2")}}

{{thead.name}}

js:exportdefault{data(){return{theads:[{name:this.$t('EOSGame.shaiZi.part3')},{name:this.$t('EOSGame.shaiZi.part4')},{name:this.$t('EOSGame.shaiZi.part5')},{name:this.$t('EOSGame.shaiZi.part6')},],}}}其中，part1和part2都可以点击按钮实时正常切换，但是v-for里的不会改变，但是如果刷新页面就会切换语言。原因是什么呢？怎么样让theads里的也可以实时切换中英文？

莫回无

浏览 2349回答 2

2回答

弑天下

data是一次性生产的，你这么写只能是在data初始化的时候拿到这些被国际化的值，并不能响应变化。你可以把theads写到computed里，这样就可以切了。

0 0

随时随地看视频慕课网APP