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方法
Sep 29 Javascript
jQuery DOM删除节点操作指南
Mar 03 Javascript
javascript实现简单的鼠标拖动效果实例
Apr 10 Javascript
使用angularjs创建简单表格
Jan 21 Javascript
easyui combotree加载静态数据问题(选不上)解决方法
Dec 26 Javascript
jquery与js实现全选功能的区别
Jun 11 jQuery
Three.js利用顶点绘制立方体的方法详解
Sep 27 Javascript
vue中element-ui表格缩略图悬浮放大功能的实例代码
Jun 26 Javascript
Angular2 自定义表单验证器的实现方法
Dec 14 Javascript
javascript中floor使用方法总结
Feb 02 Javascript
使用webpack构建应用的方法步骤
Mar 04 Javascript
详解react组件通讯方式(多种)
May 06 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
php 显示指定路径下的图片
2009/10/29 PHP
php下通过curl抓取yahoo boss 搜索结果的实现代码
2011/06/10 PHP
php随机输出名人名言的代码
2012/10/07 PHP
基于php split()函数的用法详解
2013/06/05 PHP
php获得文件大小和文件创建时间的方法
2015/03/13 PHP
PHP常用的小程序代码段
2015/11/14 PHP
PHP实现的微信公众号扫码模拟登录功能示例
2019/05/30 PHP
js 返回时间戳所对应的具体时间
2010/07/20 Javascript
JavaScript中统计Textarea字数并提示还能输入的字符
2014/06/10 Javascript
Javascript控制div属性动态变化实例分析
2015/10/08 Javascript
Jquery ajax 同步阻塞引起的UI线程阻塞问题
2015/11/17 Javascript
浅谈JS原型对象和原型链
2016/03/02 Javascript
JavaScript中的this陷阱的最全收集并整理(没有之一)
2017/02/21 Javascript
微信小程序实现瀑布流布局与无限加载的方法详解
2017/05/12 Javascript
Vue filters过滤器的使用方法
2017/07/14 Javascript
浅谈Vue.js应用的四种AJAX请求数据模式
2017/08/30 Javascript
JS实现访问DOM对象指定节点的方法示例
2018/04/04 Javascript
js canvas实现俄罗斯方块
2020/10/11 Javascript
[02:37]TI8勇士令状不朽珍藏II视频展示
2018/06/23 DOTA
利用python实现简单的邮件发送客户端示例
2017/12/23 Python
Python XML转Json之XML2Dict的使用方法
2019/01/15 Python
Python 实现数据结构-循环队列的操作方法
2019/07/17 Python
python+rsync精确同步指定格式文件
2019/08/29 Python
python3连接mysql获取ansible动态inventory脚本
2020/01/19 Python
Python colormap库的安装和使用详情
2020/10/06 Python
HTML5 canvas标签实现刮刮卡效果
2015/04/24 HTML / CSS
将相和教学反思
2014/02/04 职场文书
酒店采购员岗位职责
2014/03/14 职场文书
股份合作协议书范本
2014/04/14 职场文书
小学安全工作汇报材料
2014/08/19 职场文书
表扬稿范文
2015/01/17 职场文书
土建技术员岗位职责
2015/04/11 职场文书
2015年度考核个人工作总结
2015/10/24 职场文书
史上最全的军训拉歌口号
2015/12/25 职场文书
2019入党申请书范文3篇
2019/08/21 职场文书
Oracle中DBLink的详细介绍
2022/04/29 Oracle