欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

如何为vuex实现带参数的 getter和state.commit

程序员文章站 2022-07-11 18:01:11
getter 带参数 参考: 或者: 官方例子: getters: { // ... gettodobyid: (state) =>...

getter 带参数

参考:

或者:

官方例子:

getters: {
 // ...
 gettodobyid: (state) => (id) => {
  return state.todos.find(todo => todo.id === id)
 }
}

使用:

store.getters.gettodobyid(2) // -> { id: 2, text: '...', done: false }

* 例子:

new vuex.store({
 getters: {
  somemethod(state){
   var self = this;
    return function (args) {
     // return data from store with query on args and self as this
    };    
  }
 }
})


commit 带参数

参考; 和

就是把第二个参数,以hash的形式传过来。

// vue页面调用:
   store.commit(increase, {
    vid: vid  // 这里可以容纳更多参数
   })

// store.js 
const mutations = {
 [increase](state, data){
  pair = state.pairs.find( (pair) => {
   return pair.vid == data.vid  // 注意这里的 data.vid 就是了。
  })
 }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。