vue data中如何獲取使用store中的變量
更新時間:2022年03月30日 11:57:27 作者:herry-弟弟
這篇文章主要介紹了vue data中如何獲取使用store中的變量,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
data獲取使用store中的變量
我們想使用定義在store中的全局變量,總是獲取不到為空或是undefined,其實很簡單:
比如我們調用后端接口時需要用到用戶id,那么我們首先要獲取store中定義的userId
方法如下:
1.這是store中定義的屬性(我們獲取用戶id為例)

2.直接在想要使用的當前頁面的computed中進行獲取

3.然后就直接可以通過this.userid進行使用,比如我獲取完之后為了驗證一下在created中打印了一下,結果如下:


無法獲取$store中的變量問題
需求是向后端傳登陸用戶的ID,寫成this.$store.user.userID,
結果后端沒收到,原來是少寫了一個state
改為this.$store.state.user.userID后正常。
以上為個人經驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
一文帶你了解Vue中單文件組件的使用
在web開發(fā)中,組件化開發(fā)已成為一種趨勢,Vue提供了一種高效的方式來創(chuàng)建和管理這些組件—單文件組件,下面我們就來看看它的具體應用吧
2024-03-03
Vue如何優(yōu)雅的清除定時器
定時器如果不及時合理地清除,會造成業(yè)務邏輯混亂甚至應用卡死的情況,這個時就需要清除定時器,本文就介紹了Vue如何優(yōu)雅的清除定時器,感興趣的可以了解一下
2021-07-07
利用vueJs實現圖片輪播實例代碼
本篇文章主要介紹了利用vueJs實現圖片輪播實例代碼,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
2017-06-06
el-form表單驗證的一些實用方法總結
表單校驗是注冊環(huán)節(jié)中必不可少的操作,表單校驗通過一定的規(guī)則來確保用戶提交數據的有效性,下面這篇文章主要給大家介紹了關于el-form表單驗證的一些實用方法,需要的朋友可以參考下
2023-01-01
vue實現分頁的三種效果
這篇文章主要為大家詳細介紹了vue實現分頁的三種效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
2020-06-06
vue簡單實現轉盤抽獎
這篇文章主要為大家詳細介紹了vue簡單實現轉盤抽獎,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
2021-03-03
vue中下拉框組件的封裝方式
這篇文章主要介紹了vue中下拉框組件的封裝方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
2023-01-01
vue樹形結構數據處理的方法總結
在項目開發(fā)的過程中,會經常使用樹形結構數據,前后端交互都會對數據進行處理,后端返回的數據前端有的時候不能直接使用需要轉換,本文小編整理了一些項目中用到的處理方法,需要的朋友可以參考下
2023-11-11