vuex中 修改返回的資料

2021-10-23 02:07:54 字數 604 閱讀 5771

今天在做專案時,需要將得到的資料中的訂單型別進行,因為後端返回的資料中ordertype(訂單型別)=0或者1,我需要將0轉變為堂食1轉變為外賣再渲染到**中。

由於oedertype:0或1 同時是我需要傳的引數,如果在得到資料時用if(){}判斷,我怕之後我傳引數的時候會出現問題。所以這裡採用了getters的方法,具體**如下。

--

----在store中用getters

const getters=

if(item.ordertype===0)

}else

if(item.ordertype===1)

} item.ordertype = myordertype

});// console.log(state.postinsdata)

return state.postinsdata

},}

再將陣列引入到vue中,並將**欄位名改為如下

"ordertype.label" label=

"訂單型別"

>

<

/el-table-column>

vuex 修改state中的資料操作

1 state 中的資料,是能可以直接寫方法methods修改的,注意 是不推薦這種方式修改 1 直接修改,就會不安全 2 每個元件例項,都可以通過 this.store 來訪問store物件裡的共享資料 2 修改操作state的資料,要通過mutations,在裡面寫方法 同步操作 1 所有的資料...

vuex獲取資料修改資料

一。首先是獲取資料,兩種方式 第一種。獲取 然後這裡是使用 第二種獲取的方式呢!然後頁面的使用也是直接使用this.屬性使用,還有一中方是就是直接使用this.store.state.屬性,獲取裡面的值,關於修改也有兩種方法 第一種直接使用this.store.commit 自定義的方法 引數 進行...

fillder 修改返回資料

fillder面板中抓到想要的url後 在需要修改的url 右鍵 unclocking for editing 解除編輯功能 承接上步,在資料結果的textview模式下,返回資料進行修改 承接上步,右側選單欄 切換至autorespoter 自動反向 功能 並開啟以下幾個開關 必須 承接上步,將u...