如何为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中定义的data为什么是函数,vue中已经帮我们控制台输出警告，并且不会让组件中的data合并到options中去，那么，很友好的处理了开发者的强行将data写成对象的可能性，需要的朋友可以参考下2022-09-09
这篇文章主要介绍了Vuejs第九篇之组件作用域及props数据传递实例详解的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-09-09
vue路由history模式页面刷新404解决方法Koa Express
这篇文章主要为大家介绍了vue路由history模式页面刷新404解决方法（Koa Express）详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-11-11
这篇文章主要介绍了vue一直自动换行的问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
vue3使用el-radio-group获取表格数据无法选中问题及解决方法
这篇文章主要介绍了vue3使用el-radio-group获取表格数据无法选中问题及解决方法,本文给大家介绍的非常详细,需要的朋友可以参考下2024-05-05
最近在做自己项目中遇到一个非常简单的功能,跟大家分享下,这篇文章主要给大家介绍了关于使用vue写一个翻页的时间插件的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-02-02
本文主要介绍在Vue中使用debouce防抖函数，设置一个门槛值，表示两次 Ajax 通信的最小间隔时间。如果在间隔时间内，发生新的keydown事件，则不触发 Ajax 通信，并且重新开始计时。如果过了指定时间，没有发生新的keydown事件再将数据发送出去，这便是debouce防抖函数2021-12-12
基于vue-cli3多页面开发apicloud应用的教程详解
这篇文章主要介绍了基于vue-cli3多页面开发apicloud应用，本文采用vue-cli+APIcloud的方式写解决以上痛点，开发灵活，并且打包之后体积更小速度更快,需要的朋友可以参考下2019-06-06
这篇文章主要介绍了vue2 利用echarts 单独绘制省份,首先引入所需要的第三方模块，通过示例代码给大家介绍的非常详细，文章末尾给大家补充介绍了vue2.x结合echarts2实现显示具体省份热力图的问题，需要的朋友可以参考下2022-01-01
这篇文章主要介绍了Vue实现下拉滚动加载数据的示例，帮助大家更好的理解和学习使用vue框架，感兴趣的朋友可以了解下2021-04-04
最新评论