vuex的state数据更新,视图不更新

最近做项目碰见的问题,通过mutations修改数据后,computed可以监听到数据的变化,但是视图只更新一次就不变了。百度了很多解决办法都无效,最后搜索到的是vuex不能监听到数组的长度变化。因为之前一直没有存储过数组类的数据,所以并没有碰到过这样的问题。

找到了不更新的原因,解决办法就很简单了,在每次修改数据之前,先将数据重置。

state: {
    routeViews: [], //路由存储数组
  },
  mutations: {
    routeViews(state, obj){
      state.routeViews = null //先把数组置空,不然视图不更新
      state.routeViews = obj
    }
  },

你可能感兴趣的:(vue,vuex)