vuex中state的数据发生变化，但是getters中的数据没有变化，或者报错： Error in render: "TypeError: Cannot read property 'name' o

最新推荐文章于 2023-09-13 10:38:13 发布

朽木自雕xmzd

最新推荐文章于 2023-09-13 10:38:13 发布

阅读量1.2k

点赞数

分类专栏：前端 # vue

本文链接：https://blog.csdn.net/qq_16687863/article/details/103545554

版权

前端同时被 2 个专栏收录

107 篇文章 2 订阅

订阅专栏

vue

34 篇文章 0 订阅

订阅专栏

vuex中state的数据发生变化，但是getters中的数据没有变化

在vue-devtool中可以看数据都是undefined，报错如下（此时Mutation中是使用state.xxx=xxx进行数据赋值）：

或者报错：

[Vue warn]: Error in render: "TypeError: Cannot read property '这里随便是什么' of undefined"，我这里提示的是name

查找好久的资料发现问题所在（官方文档）：

在我的state中（singer是一个对象）：

const state = {
  singer: {}
}

而官方文档说明当数据是一个对象时，在motation里面的触发方法里面不能直接使用state赋值的方式，而应该使用Vue.set(state,'userstate',user);

改完代码后：

import Vue from 'vue'    //记得导入Vue
import * as types from './mutation-types'


const mutations = {
  [types.SET_SINGER](state, singer){
    Vue.set(state,'singer',singer);   //这是后来加的
    // 不要使用这个赋值  state.singer = singer
  }
}
export default mutations

最后代码正常运行。