vue data中如何獲取使用store中的變量
更新時間：2022年03月30日 11:57:27 作者：herry-弟弟
這篇文章主要介紹了vue data中如何獲取使用store中的變量，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
data獲取使用store中的變量
我們想使用定義在store中的全局變量，總是獲取不到為空或是undefined，其實(shí)很簡單：
比如我們調(diào)用后端接口時需要用到用戶id，那么我們首先要獲取store中定義的userId
方法如下：
1.這是store中定義的屬性（我們獲取用戶id為例）
2.直接在想要使用的當(dāng)前頁面的computed中進(jìn)行獲取
3.然后就直接可以通過this.userid進(jìn)行使用，比如我獲取完之后為了驗(yàn)證一下在created中打印了一下，結(jié)果如下：
無法獲取$store中的變量問題
需求是向后端傳登陸用戶的ID，寫成this.$store.user.userID，
結(jié)果后端沒收到，原來是少寫了一個state
改為this.$store.state.user.userID后正常。
以上為個人經(jīng)驗(yàn)，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- vue3實(shí)現(xiàn)監(jiān)聽store中state狀態(tài)變化的簡單方法
- vuex之this.$store.dispatch()與this.$store.commit()的區(qū)別及說明
- Vuex的store中的Module用法及說明
- vuex中this.$store.commit和this.$store.dispatch的基本用法實(shí)例
- vue3中router路由以及vuex的store使用解析
- 在Vue中使用this.$store或者是$route一直報(bào)錯的解決
- vue.js的狀態(tài)管理vuex中store的使用詳解
- Vue 關(guān)于Store的用法小結(jié)
相關(guān)文章
在web開發(fā)中,組件化開發(fā)已成為一種趨勢,Vue提供了一種高效的方式來創(chuàng)建和管理這些組件—單文件組件,下面我們就來看看它的具體應(yīng)用吧2024-03-03
定時器如果不及時合理地清除，會造成業(yè)務(wù)邏輯混亂甚至應(yīng)用卡死的情況，這個時就需要清除定時器，本文就介紹了Vue如何優(yōu)雅的清除定時器，感興趣的可以了解一下2021-07-07
利用vueJs實(shí)現(xiàn)圖片輪播實(shí)例代碼
本篇文章主要介紹了利用vueJs實(shí)現(xiàn)圖片輪播實(shí)例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
這篇文章主要介紹了vue渲染方式render和template的區(qū)別，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
完美解決vue 中多個echarts圖表自適應(yīng)的問題
這篇文章主要介紹了完美解決vue 中多個echarts圖表自適應(yīng)的問題，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
el-form表單驗(yàn)證的一些實(shí)用方法總結(jié)
表單校驗(yàn)是注冊環(huán)節(jié)中必不可少的操作,表單校驗(yàn)通過一定的規(guī)則來確保用戶提交數(shù)據(jù)的有效性,下面這篇文章主要給大家介紹了關(guān)于el-form表單驗(yàn)證的一些實(shí)用方法,需要的朋友可以參考下2023-01-01
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)分頁的三種效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-06-06
這篇文章主要為大家詳細(xì)介紹了vue簡單實(shí)現(xiàn)轉(zhuǎn)盤抽獎，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-03-03
這篇文章主要介紹了vue中下拉框組件的封裝方式，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
vue樹形結(jié)構(gòu)數(shù)據(jù)處理的方法總結(jié)
在項(xiàng)目開發(fā)的過程中,會經(jīng)常使用樹形結(jié)構(gòu)數(shù)據(jù),前后端交互都會對數(shù)據(jù)進(jìn)行處理,后端返回的數(shù)據(jù)前端有的時候不能直接使用需要轉(zhuǎn)換,本文小編整理了一些項(xiàng)目中用到的處理方法,需要的朋友可以參考下2023-11-11