vue中在vuex的actions中請求數(shù)據(jù)實例
更新時間：2019年11月08日 10:21:51 作者：Null_Bugs
今天小編就為大家分享一篇vue中在vuex的actions中請求數(shù)據(jù)實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
我廢話不多說了，直接上代碼吧！
actions.js
getCertificationStatus(context, {vm:vm,type:type}){
return new Promise((resolve, reject) => {
axios.post('/realNameUtils/gotoStatusPage')
.then((res)=>{
context.commit('certificationStatus',res.data.content)
if(type=='1'){//個人
}else if(type=='2'){//企業(yè)
}else if(type=='0'){//個人+企業(yè)
}
resolve()
})
})
}
getters.js
certificationStatus :(state)=>{
return state.certificationStatus
}
mutations.js
var state = {
certificationStatus: null
}
const mutations= {
certificationStatus(state,data){
state.certificationStatus = data
}
}
組件：
import {mapGetters} from 'vuex'
computed: {
...mapGetters([
"certificationStatus"
])
}
this.$store.dispatch('getCertificationStatus',{vm:this,type:'1'})
就是這樣就可以了 有疑問可以一起討論哦
以上這篇vue中在vuex的actions中請求數(shù)據(jù)實例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了在vue3中使用import.meta.env方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-05-05
這篇文章主要介紹了Vue中使用WebWorker的示例代碼，本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-08-08
如何利用vue進行AJAX,其它vue本身不支持發(fā)送AJAX請求,需要使用vue-resource（vue1.0版本）或axios（vue2.0版本）第三方插件的支持才行2018-10-10
我們在平時上網(wǎng)的時候會看到有些圖片是加水印的,一般水印往往是后端來做的,不過有些站點要保護的知識產(chǎn)權(quán)類型比較多,不光是圖片,可能還有視頻或者文字,所以我們水印的作用,就是給他做一個適當?shù)南拗?本文就給大家介紹一下如何使用Vue實現(xiàn)防篡改的水印2023-08-08
這篇文章主要為大家詳細介紹了Vue生命周期和數(shù)據(jù)共享，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-02-02
這篇文章主要介紹了vue3項目引入pinia報錯的簡單解決,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
element-ui中el-cascader動態(tài)加載和默認值詳解
vue+elementUI項目中el-cascader級聯(lián)選擇器使用頻率非常高,下面這篇文章主要給大家介紹了關(guān)于element-ui中el-cascader動態(tài)加載和默認值的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-05-05
基于Vue2的獨立構(gòu)建與運行時構(gòu)建的差別(詳解)
下面小編就為大家分享一篇基于Vue2的獨立構(gòu)建與運行時構(gòu)建的差別詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12
在本篇文章里小編給大家整理的是關(guān)于vue的keep-alive用法技巧以及實例代碼，需要的朋友們學(xué)習(xí)下。2019-08-08
Vue中mixins的使用方法以及實際項目應(yīng)用指南
vue中提供了一種混合機制--mixins,用來更高效的實現(xiàn)組件內(nèi)容的復(fù)用,下面這篇文章主要給大家介紹了關(guān)于Vue中mixins的使用方法以及實際項目應(yīng)用指南,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-03-03