如何为vuex实现带参数的 getter和state.commit
更新时间：2019年01月04日 08:30:55 作者：siwei
这篇文章主要介绍了如何为vuex实现带参数的getter和state.commit，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
getter 带参数
参考： https://vuex.vuejs.org/guide/getters.html#method-style-access
或者： https://stackoverflow.com/questions/37763828/javascript-es6-double-arrow-functions
官方例子：
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 带参数
参考； https://stackoverflow.com/questions/46097687/vuex-passing-multiple-parameters-to-action 和 https://stackoverflow.com/questions/40522634/can-i-pass-parameters-in-computed-properties-in-vue-js
就是把第二个参数，以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 就是了。
})
}
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
Vue MVVM模型与data及methods属性超详细讲解
MVVM旨在利用WPF中的数据绑定函数,通过从视图层中几乎删除所有GUI代码（代码隐藏）,更好地促进视图层开发与模式其余部分的分离,这篇文章主要介绍了Vue MVVM模型与data及methods属性2022-10-10
这篇文章主要介绍了vue中关于_ob_:observer的处理方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-07-07
浅析webpack-bundle-analyzer在vue-cli3中的使用
这篇文章主要介绍了webpack-bundle-analyzer在vue-cli3中的使用,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2019-10-10
本文详细讲解了Vuex和其使用方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-03-03
本篇文章主要介绍了Vue header组件开发详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-01-01
这篇文章主要介绍了vue项目中轮询状态更改方式(钩子函数)，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
这篇文章主要介绍了antd design table更改某行数据的样式操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-10-10
这篇文章主要介绍了vue2.0 实现富文本编辑器功能，本文给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下2019-05-05
这篇文章主要介绍了Vue.js上传图片到阿里云OSS存储的方法示例,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-12-12
本文主要介绍了element日期组件实现只能选择小时或分钟，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-01-01
最新评论