当前位置： 移动技术网 > IT编程>脚本编程>vue.js > 如何为vuex实现带参数的 getter和state.commit

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

2019年03月17日  | 移动技术网IT编程  | 我要评论

马云清华演讲视频,文山会海的意思,幸福终点站高清

getter 带参数

参考：

或者：

官方例子：

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

使用：

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

stackoverflow 例子：

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 就是了。
  })
 }
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网