vuex actions传递多参数的处理方法


Posted in Javascript onSeptember 18, 2018

场景

在使用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传递多参数的处理方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
查询绑定数据岛的表格中的文本并修改显示方式的js代码
Dec 15 Javascript
网站繁简切换的JS遇到页面卡死的解决方法
Mar 12 Javascript
js仿土豆网带缩略图的焦点图片切换效果实现方法
Feb 23 Javascript
javascript生成img标签的3种实现方法(对象、方法、html)
Dec 25 Javascript
全面解析JavaScript中apply和call以及bind(推荐)
Jun 15 Javascript
EditPlus中的正则表达式 实战(2)
Dec 15 Javascript
Node接收电子邮件的实例代码
Jul 21 Javascript
vue实现登录后页面跳转到之前页面
Jan 07 Javascript
js实现点击展开隐藏效果(实例代码)
Sep 28 Javascript
JavaScript学习笔记之图片库案例分析
Jan 08 Javascript
Node.js在图片模板上生成二维码图片并附带底部文字说明实现详解
Aug 07 Javascript
使用typescript快速开发一个cli的实现示例
Dec 09 Javascript
微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤
Sep 18 #Javascript
详解关于Vue2.0路由开启keep-alive时需要注意的地方
Sep 18 #Javascript
Vue中 key keep-alive的实现原理
Sep 18 #Javascript
vue服务端渲染页面缓存和组件缓存的实例详解
Sep 18 #Javascript
从Vuex中取出数组赋值给新的数组,新数组push时报错的解决方法
Sep 18 #Javascript
vue服务端渲染添加缓存的方法
Sep 18 #Javascript
在Vuex使用dispatch和commit来调用mutations的区别详解
Sep 18 #Javascript
You might like
ftp类(example.php)
2006/10/09 PHP
再次研究下cache_lite
2007/02/14 PHP
推荐25款php中非常有用的类库
2014/09/29 PHP
php使用Image Magick将PDF文件转换为JPG文件的方法
2015/04/01 PHP
PHP自定义错误处理的方法分析
2018/12/19 PHP
jquery遍历input取得input的name
2009/04/27 Javascript
javascript获取浏览器类型和版本的方法(js获取浏览器版本)
2014/03/13 Javascript
现代 JavaScript 开发编程风格Idiomatic.js指南中文版
2014/05/28 Javascript
jquery动态加载js/css文件方法(自写小函数)
2014/10/11 Javascript
原生的html元素选择器类似jquery选择器
2014/10/15 Javascript
javascript去除字符串左右两端的空格
2015/02/05 Javascript
jQuery实现淡入淡出二级下拉导航菜单的方法
2015/08/28 Javascript
购物车前端开发(jQuery和bootstrap3)
2016/08/27 Javascript
jquery中有哪些api jQuery主要API
2017/11/20 jQuery
JavaScript实现简单动态进度条效果
2018/04/06 Javascript
elementUI中Table表格问题的解决方法
2018/12/04 Javascript
js中null与空字符串""的区别讲解
2019/01/17 Javascript
[04:03]2014DOTA2西雅图国际邀请赛 LGD战队巡礼
2014/07/07 DOTA
理解python多线程(python多线程简明教程)
2014/06/09 Python
python+mongodb数据抓取详细介绍
2017/10/25 Python
Python常见MongoDB数据库操作实例总结
2018/07/24 Python
python抖音表白程序源代码
2019/04/07 Python
Django的用户模块与权限系统的示例代码
2019/07/24 Python
jupyter 导入csv文件方式
2020/04/21 Python
Python闭包装饰器使用方法汇总
2020/06/29 Python
Python数据可视化常用4大绘图库原理详解
2020/10/23 Python
什么是托管函数?托管函数有什么用?
2014/06/15 面试题
电子信息工程自荐信
2014/05/26 职场文书
学习型班组申报材料
2014/05/31 职场文书
校园绿化美化方案
2014/06/08 职场文书
运动会的口号
2014/06/09 职场文书
汽车技术服务与贸易专业求职信
2014/07/20 职场文书
2015年妇联工作总结范文
2015/04/22 职场文书
婚庆主持词大全
2015/06/30 职场文书
PHP对接阿里云虚拟号的实现(号码隐私保护)
2021/04/06 PHP
海康机器人重磅发布全新算法开发平台VM4.2
2022/04/21 数码科技