溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

vuex actions傳遞多參數的處理方法

發布時間:2020-08-27 23:17:58 來源:腳本之家 閱讀:939 作者:cominglately 欄目:web開發

場景

在使用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傳遞多參數的處理方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持億速云。

向AI問一下細節
推薦閱讀:
  1. 怎么用vuex
  2. Vuex教程

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女