mutations的方法内部访问计算属性getter

Question

getters.js文件中定义了1个计算属性

const doneTodos = ( state ) => {
  return state.todos.filter( todo => todo.done ).length
}

mutations.js文件中,定义一个add方法

   add( state ) {
    // console.log(state.doneTodos)
   

    state.count++
  }
  

我想在mutations的add方法内部访问计算属性doneTodos,好像不行
请问怎么才能在add方法内部调用到getter?

Answer 1

add (state) {
    console.log(this.state.doneTodos)
}

example

Answer 2

mutations中只有state参数

1. 通过action函数调用mutations函数

const actions = {
  increment: ({ commit, getters }) => {
    commit('add', { doneTodos: getters.doneTodos })
  },
}
const mutations = {
  add (state, { doneTodos }) {
    console.log(doneTodos);
  },
}

1. 在vue组件内通过

this.$store.commit('add', { doneTodos: this.$stroe.getter.doneTodos })