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

Question

代码如下：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里的也可以实时切换中英文？

Answer 1

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