vuex actions传递多参数的处理方法
更新时间：2018年09月18日 09:35:28 作者：cominglately
今天小编就为大家分享一篇vuex actions传递多参数的处理方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
场景
在使用vue components dispatch Vuex actions的时候需要传递参数给多个参数actions
但是在actions 只是可以接收到两个参数的问题
分析
vuex actions 固定接受的第一个参数是dispatch对象 第二个参数是使用者本身定制的参数
参考
`https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment`
解决
调用的时候 第二个参数传递成多个元素的对象这样在actions 中第二个参数就可以搞定了
this.$store.dispatch('delTask', {task, index});
actions使用ES2015参数解析
delTask : function (store, {index, task}) {
let url = 'http://zhihu.carsonlius_liu.cn/api/tasks/' + task.id;
Http.$http.delete(url).then(function (response) {
if (response.body.status === 'success') {
store.commit('delSpecialTask', index);
}
});
}
以上这篇vuex actions传递多参数的处理方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
vue 界面刷新数据被清除 localStorage的使用详解
今天小编就为大家分享一篇vue 界面刷新数据被清除 localStorage的使用详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
vuedraggable 是一个基于 Vue 的拖拽排序组件,它可以让你轻松地在 Vue 应用中实现拖拽排序功能,下面就跟随小编一起来了解下它的具体应用吧2024-12-12
vue2.0采用了虚拟DOM来代替对真实DOM的操作，最后通过某种机制来完成对真实DOM的更新，渲染视图。这篇文章主要介绍了vue2.0的虚拟DOM渲染,需要的朋友可以参考下2018-08-08
这篇文章主要介绍了Vue登录拦截 登录后继续跳转指定页面的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
Vue利用vue-baidu-map实现获取经纬度和搜索地址
在开发项目的时候，发现需要获取经纬度，由于这个项目是用vue写的，最后决定使用vue-baidu-map来快速获取经纬度，感兴趣的可以了解一下2022-09-09
Vue报错:TypeError: Cannot create property ‘xxxx‘ on的解决
这篇文章主要介绍了Vue报错:TypeError: Cannot create property ‘xxxx‘ on的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-06-06
vue实现左右伸缩方式(el-drawer自定义位置展开收缩)
这篇文章主要介绍了vue实现左右伸缩方式(el-drawer自定义位置展开收缩),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-07-07
这篇文章主要介绍了vue如何进行数据代理,通过本文学习我们了解如何代理的及验证两条线的问题，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-10-10
这篇文章主要介绍了vue+vue-validator 表单验证功能的实现代码,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-11-11
这篇文章主要介绍了vue 使用axios 数据请求第三方插件的使用 ,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2019-07-07
最新评论