vuedata中使用i18n多语言配置-切换语言不生效-解决computed

Posted 2021-08-09 JackieDYH

写在 data 初始化的时候拿到这些被国际化的值，并不能响应变化。

官方的解决办法是，建议我们将表达式写到computed属性里，不要写到data中使用

<div>{{$t('k.state')}}</div> // 可以动态改变

data() {
    return {
        dyh: this.$t('k.state') //只能拿到初始化时的多语言，不能动态改变
    }
}

computed: {
	// 导航多语言 可以动态改变 ----官方推荐
	sideBarList(){
	  return [
		{
		  "icon": "eth",
		  "name": this.$t("Common.name"),
		  "path": "/index"
		}
	  ]
	}
},