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)文章
這篇文章主要介紹了vue使用Sass時報錯問題的解決方法,本文給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-10-10
使用vue-router在Vue頁面之間傳遞數(shù)據(jù)的方法
這篇文章主要介紹了使用vue-router在Vue頁面之間傳遞數(shù)據(jù)的方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
今天在做vue和springboot交互的一個項目的時候，想要基于前端實現(xiàn)一些只有登錄驗證之后才能訪問某些頁面的操作，所以在這里總結(jié)一下實現(xiàn)該功能的一個解決方案2021-10-10
Vue.js?是一個用于構(gòu)建用戶界面的漸進式?JavaScript?框架,它提供了多種方法來實現(xiàn)頁面之間的導(dǎo)航,本文將詳細介紹?Vue?3?中的各種頁面跳轉(zhuǎn)方式,有需要的小伙伴可以參考一下2024-12-12
最近遇到這樣的問題在app中使用uni-forms表單,并添加校驗規(guī)則,問題是即使輸入內(nèi)容,表單校驗依然失敗,本文給大家分享uni-app中vue3表單校驗失敗的問題及解決方法,感興趣的朋友一起看看吧2023-12-12
這篇文章主要介紹了Vue修改Dom不生效的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06
這篇文章主要介紹了vue-amap根據(jù)地址回顯地圖并mark的操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
Vue.js（讀音 /vjuː/, 類似于 view） 是一套構(gòu)建用戶界面的漸進式框架。與其他重量級框架不同的是，Vue 采用自底向上增量開發(fā)的設(shè)計。這篇文章主要介紹了VueJS全面解析的相關(guān)資料,需要的朋友可以參考下2016-11-11
我們在做列表查詢的時候，會有很多查詢項，如何實現(xiàn)超過n行查詢項的時候自動折疊起來呢？本文給大家分享vue3實現(xiàn)搜索項超過n行就折疊的思路詳解，感興趣的朋友一起看看吧2022-06-06
這篇文章主要為大家介紹了vue使用?monaco?editor?漢化右鍵菜單實現(xiàn)漢化示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08