vue 改变一个地方, 其他地方自动渲染改变,该如何实现呢?

我想做一个自动切换语言的页面,
目前遇到的问题便是数据改变了, 但是view无法渲染。
思路:
在vuex中创建了
store,state,getter跟mutations
代码

 //  state
 export default {
  currentlanguage: 'cn', //  当前语言
}
 //  getters
export default {
  getlan: (state) => {
    return state.lan
  },
  getcurrentlanguage: (state) => {
    return state.currentlanguage
  }
}
import * as types from './mutation-type'
export default {
  [types.SET_LAN] (state, currentlanguage) {
    console.log(currentlanguage)
    state.currentlanguage = currentlanguage.lan
  }
}

app.vue 中调用
图片说明

index.vue 中调用
图片说明

得到的结果
图片说明
出来中文的版本完全没问题

图片说明

切换为英文的时候, 就上面导航变了, 还有state的数据也改变了, 但没有渲染出来,
要如何才能达到预想的效果呢?

2个回答

后面用i18n完美解决!

this.$forceUpdate()试一下

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!