vuex,getters只执行了一次,数据更新getters的数据没有更新

遇到一个问题,用vuex管理状态和数据,getters获取数据,组件中在computed去更新获取的数据,问题是数据在mutations中更新,但在getters中没有更新,而且getters只执行了一次 是什么原因呢?
图片描述

橙色框是第一次执行时候的log,set,get,然后展示
绿色框是第二次执行的时候log ,set看起来成功了, 但是没有执行getter

/**
 * Created by Administrator on 2017/9/18 0018.
 */
import * as types from './mutation-types'
const matutaions = {
  [types.SET_SINGER] (state, singer) {
    console.log('setter:' + singer.name)
    state.singer = singer
  }
}
export default matutaions

上面的时候设置数据代码

//获取数据
export const singer = state => {
  console.log('getter:' + state.singer.name)
  return state.singer
}





//状态
const state = {
  singer: {}
}
export default {
  state
}

//视图代码
computed: {

  ...mapGetters([
    'singer'
  ])
},
    
阅读 6.1k
3 个回答
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题