如何为vuex实现带参数的 getter和state.commit
编程学习 2021-07-04 15:49www.dzhlxh.cn编程入门
这篇文章主要介绍了如何为vuex实现带参数的getter和state.commit，长沙网络推广觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随长沙网络推广过来看看吧
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 就是了。
})
}
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持狼蚁SEO。