Vuex Do not mutate vuex store state outside mutation handlers

[vuex] Do not mutate vuex store state outside mutation handlers

解决:更改 Vuex 的 store 中的状态的唯一方法是提交 mutation,即通过 dispatch -> actions -> commit -> mutations 更新状态

methods: {
  setUser () {
    let user = {
      'username': this.user.username,
      'name': this.user.name,
      'age': this.user.age
    }
    this.$store.dispatch('setUser', user)
  }
}
export default {
  state: {
    user: {
      'data': null,
      'state': '',
      'timestamp': 0
    }
  },
  mutations: {
    COMMON_USER_SET_CALLBACK: (state, user) => {
      Vue.set(state.school, 'timestamp', new Date().getTime())
      Vue.set(state.user, 'data', user)
    }
  },
  actions: {
    setUser ({ commit }, user) {
      commit(types.COMMON_SCHOOL_SET_CALLBACK, user)
    }
  }
}
上一篇 Vuex状态监听mapState与普通的局部计算属性混合使用
下一篇 解决Vuex在页面刷新后state数据被清除的问题
目录
文章列表
1 Android之allowBackup属性
Android之allowBackup属性
2
Android 软键盘弹出时把控件布局顶出去的解决方法
Android 软键盘弹出时把控件布局顶出去的解决方法
3
Swift UI - 使用UIWebView和UIToolbar制作一个浏览器
Swift UI - 使用UIWebView和UIToolbar制作一个浏览器
4
Android Studio 3.x上使用Lombok
Android Studio 3.x上使用Lombok
5
React Native文件系统与文件上传下载组件react-native-fs(适配Android & iOS)
React Native文件系统与文件上传下载组件react-native-fs(适配Android & iOS)
最新评论
一位WordPress评论者
一位WordPress评论者
2月12日
您好,这是一条评论。若需要审核、编辑或删除评论,请访问仪表盘的评论界面。评论者头像来自 Gravatar。