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

 更新时间:2018年09月18日 09:35:29   作者: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传递多参数的处理方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vuex state及mapState的基础用法详解

    vuex state及mapState的基础用法详解

    这篇文章主要介绍了vuex state及mapState的基础用法详解,本文通过实例代码相结合的形式给大家介绍的非常详细,需要的朋友跟随脚本之家小编一起学习吧
    2018-04-04
  • vue.js内置组件之keep-alive组件使用

    vue.js内置组件之keep-alive组件使用

    keep-alive是Vue.js的一个内置组件。这篇文章主要介绍了vue.js内置组件之keep-alive组件使用,需要的朋友可以参考下
    2018-07-07
  • 详解基于Vue,Nginx的前后端不分离部署教程

    详解基于Vue,Nginx的前后端不分离部署教程

    这篇文章主要介绍了详解基于Vue,Nginx的前后端不分离部署教程,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-12-12
  • 深入理解Vue 组件之间传值

    深入理解Vue 组件之间传值

    这篇文章较详细的给大家介绍了vue组件之间传值的方法,在 Vue 中,可以使用props向子组件传递数据。具体传递方法大家跟随脚本之家小编一起看看吧
    2018-08-08
  • vue中前进刷新、后退缓存用户浏览数据和浏览位置的实例讲解

    vue中前进刷新、后退缓存用户浏览数据和浏览位置的实例讲解

    今天小编就为大家分享一篇vue中前进刷新、后退缓存用户浏览数据和浏览位置的实例讲解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-09-09
  • 详解前后端分离之VueJS前端

    详解前后端分离之VueJS前端

    本篇文章主要介绍了详解前后端分离之VueJS前端,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-05-05
  • 优化Vue项目编译文件大小的方法步骤

    优化Vue项目编译文件大小的方法步骤

    这篇文章主要介绍了优化Vue项目编译文件大小的方法步骤,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-05-05
  • Vue-Router的使用方法

    Vue-Router的使用方法

    这篇文章主要介绍了Vue-Router的使用方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • vue中使用props传值的方法

    vue中使用props传值的方法

    这篇文章主要介绍了vue中使用props传值的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • 详解用webpack2.0构建vue2.0超详细精简版

    详解用webpack2.0构建vue2.0超详细精简版

    本篇文章主要介绍了详解用webpack2.0构建vue2.0超详细精简版,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-04-04

最新评论