欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

如何為vuex實現帶參數的 getter和state.commit

 更新時間:2019年01月04日 08:30:55   作者:siwei  
這篇文章主要介紹了如何為vuex實現帶參數的getter和state.commit,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

getter 帶參數

參考: https://vuex.vuejs.org/guide/getters.html#method-style-access

或者: https://stackoverflow.com/questions/37763828/javascript-es6-double-arrow-functions

官方例子:

getters: {
 // ...
 getTodoById: (state) => (id) => {
  return state.todos.find(todo => todo.id === id)
 }
}

使用:

store.getters.getTodoById(2) // -> { id: 2, text: '...', done: false }

stackoverflow 例子:

new Vuex.Store({
 getters: {
  someMethod(state){
   var self = this;
    return function (args) {
     // return data from store with query on args and self as this
    };    
  }
 }
})


commit 帶參數

參考; https://stackoverflow.com/questions/46097687/vuex-passing-multiple-parameters-to-actionhttps://stackoverflow.com/questions/40522634/can-i-pass-parameters-in-computed-properties-in-vue-js

就是把第二個參數,以hash的形式傳過來。

// vue頁面調用:
   store.commit(INCREASE, {
    vid: vid  // 這里可以容納更多參數
   })

// store.js 
const mutations = {
 [INCREASE](state, data){
  pair = state.pairs.find( (pair) => {
   return pair.vid == data.vid  // 注意這里的 data.vid 就是了。
  })
 }
}

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關文章

  • Vue MVVM模型與data及methods屬性超詳細講解

    Vue MVVM模型與data及methods屬性超詳細講解

    MVVM旨在利用WPF中的數據綁定函數,通過從視圖層中幾乎刪除所有GUI代碼(代碼隱藏),更好地促進視圖層開發(fā)與模式其余部分的分離,這篇文章主要介紹了Vue MVVM模型與data及methods屬性
    2022-10-10
  • vue中關于_ob_:observer的處理方式

    vue中關于_ob_:observer的處理方式

    這篇文章主要介紹了vue中關于_ob_:observer的處理方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-07-07
  • 淺析webpack-bundle-analyzer在vue-cli3中的使用

    淺析webpack-bundle-analyzer在vue-cli3中的使用

    這篇文章主要介紹了webpack-bundle-analyzer在vue-cli3中的使用,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-10-10
  • Vuex詳細介紹和使用方法

    Vuex詳細介紹和使用方法

    本文詳細講解了Vuex和其使用方法,文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2022-03-03
  • Vue header組件開發(fā)詳解

    Vue header組件開發(fā)詳解

    本篇文章主要介紹了Vue header組件開發(fā)詳解,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-01-01
  • vue項目中輪詢狀態(tài)更改方式(鉤子函數)

    vue項目中輪詢狀態(tài)更改方式(鉤子函數)

    這篇文章主要介紹了vue項目中輪詢狀態(tài)更改方式(鉤子函數),具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-10-10
  • antd design table更改某行數據的樣式操作

    antd design table更改某行數據的樣式操作

    這篇文章主要介紹了antd design table更改某行數據的樣式操作,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-10-10
  • vue2.0 實現富文本編輯器功能

    vue2.0 實現富文本編輯器功能

    這篇文章主要介紹了vue2.0 實現富文本編輯器功能,本文給大家介紹的非常詳細,具有一定的參考借鑒價值 ,需要的朋友可以參考下
    2019-05-05
  • Vue.js上傳圖片到阿里云OSS存儲的方法示例

    Vue.js上傳圖片到阿里云OSS存儲的方法示例

    這篇文章主要介紹了Vue.js上傳圖片到阿里云OSS存儲的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-12-12
  • element日期組件實現只能選擇小時或分鐘

    element日期組件實現只能選擇小時或分鐘

    本文主要介紹了element日期組件實現只能選擇小時或分鐘,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2023-01-01

最新評論