如何为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 就是了。 }) } }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
上一篇: 老公说他腰不舒服
下一篇: PHP 输出简单动态WAP页面