vue從倉庫state中取不到數(shù)據(jù)的問題
更新時(shí)間：2022年04月12日 10:27:51 作者：console.log( )
這篇文章主要介紹了vue從倉庫state中取不到數(shù)據(jù)的問題及解決，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
從倉庫state中取不到數(shù)據(jù)
今天寫項(xiàng)目要從倉庫中取出一個(gè)值，但我一直取得是undefined，各種測試百度，然而我犯了一個(gè)低級的錯(cuò)誤
我項(xiàng)目中將數(shù)據(jù)庫模塊化，原本為app模塊，新添加user模塊
我在store文件下又建立了子文件user.js，然后在index.js將其引入
然后我直接使用this.$store.state.value去取值，是取不到的，如果index.js文件里的state中也有value這個(gè)變量，該語句取到的是index.js中的value值
如果想要獲取user.js中的值,需要多一個(gè)路徑this.$store.state.user.value
監(jiān)聽store中state數(shù)據(jù)方法
computed: {
? ? swiper() {
? ? ? return this.$refs.mySwiper.$swiper;
? ? },
? ? LifeVal() {
? ? ? return this.$store.state.LifeVal;
? ? },
? ? danceVal(){
? ? ? return this.$store.state.danceVal;
? ? }
? },? watch: {
? ? danceVal: function() {
? ? ? ? LifeVal = this.$store.state.LifeVal = this.$store.state.danceVal
? ? ? ? /* vuex : changeDanceVal是store中mutations里的方法
? ? ? ? ? ?// 修改state的唯一方法，只允許同步函數(shù)
? ? ? ? ? ? ? ? ?mutations: {
? ? ? ? ? ? ? ? ? // 第一個(gè)參state值，第二個(gè)接收觸發(fā)方法時(shí)傳來的值
? ? ? ? ? ? ? ? ? ? changeDanceVal(state,num) {
? ? ? ? ? ? ? ? ? ? ? ? state.LifeVal = num;
? ? ? ? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ? ? ? ?},
? ? ? ? */
? ? ? ? this.$store.commit("changeDanceVal", LifeVal);
? ? }
? },以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
關(guān)于Vue實(shí)例創(chuàng)建的整體流程
這篇文章主要介紹了關(guān)于Vue實(shí)例創(chuàng)建的整體流程,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-06-06
這篇文章主要介紹了TinyMCE富文本編輯器在Vue中的使用方式,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-04-04
使用Vue3實(shí)現(xiàn)一個(gè)穿梭框效果的示例代碼
這篇文章主要給大家介紹了如何使用?Vue3?實(shí)現(xiàn)一個(gè)穿梭框效果,當(dāng)選中數(shù)據(jù),并且點(diǎn)擊相對應(yīng)的方向箭頭時(shí),選中的數(shù)據(jù)會發(fā)送到對面,并且數(shù)據(jù)會保持正確的順序進(jìn)行排列,文中有詳細(xì)的代碼講解,具有一定的參考價(jià)值,需要的朋友可以參考下2023-12-12
vue項(xiàng)目用后端返回的文件流實(shí)現(xiàn)docx和pdf文件預(yù)覽
本文主要介紹了vue項(xiàng)目用后端返回的文件流實(shí)現(xiàn)docx和pdf文件預(yù)覽，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04
這篇文章主要介紹了vue子組件中mounted取不到props中的值情況，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
Element UI是一套基于Vue的桌面端組件庫,封裝好了很多常用的UI組件,下面這篇文章主要給大家介紹了關(guān)于element如何初始化組件功能的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-12-12
這篇文章主要為大家詳細(xì)介紹了vue車牌輸入組件的實(shí)現(xiàn)方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-06-06
探秘Vue異步更新機(jī)制中nextTick的原理與實(shí)現(xiàn)
nextTick?是?Vue?提供的一個(gè)重要工具,它的作用主要體現(xiàn)在幫助我們更好地處理異步操作,下面就跟隨小編一起來探索一下nextTick的原理與實(shí)現(xiàn)吧2024-02-02
Vue實(shí)戰(zhàn)之vue登錄驗(yàn)證的實(shí)現(xiàn)代碼
本篇文章主要介紹了Vue實(shí)戰(zhàn)之vue登錄的實(shí)現(xiàn)代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-10-10
這篇Vue3開發(fā)文檔，包含了 Vue3 開發(fā)中使用的所有語法，文中的示例代碼講解詳細(xì)，希望所有像他一樣還不熟的伙伴快速上手 Vue3，不會的再不看要遭老罪咯2023-04-04