vue從倉(cāng)庫(kù)state中取不到數(shù)據(jù)的問(wèn)題
更新時(shí)間：2022年04月12日 10:27:51 作者：console.log( )
這篇文章主要介紹了vue從倉(cāng)庫(kù)state中取不到數(shù)據(jù)的問(wèn)題及解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
從倉(cāng)庫(kù)state中取不到數(shù)據(jù)
今天寫(xiě)項(xiàng)目要從倉(cāng)庫(kù)中取出一個(gè)值，但我一直取得是undefined，各種測(cè)試百度，然而我犯了一個(gè)低級(jí)的錯(cuò)誤
我項(xiàng)目中將數(shù)據(jù)庫(kù)模塊化，原本為app模塊，新添加user模塊
我在store文件下又建立了子文件user.js，然后在index.js將其引入
然后我直接使用this.$store.state.value去取值，是取不到的，如果index.js文件里的state中也有value這個(gè)變量，該語(yǔ)句取到的是index.js中的value值
如果想要獲取user.js中的值,需要多一個(gè)路徑this.$store.state.user.value
監(jiān)聽(tīng)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í)傳來(lái)的值
? ? ? ? ? ? ? ? ? ? changeDanceVal(state,num) {
? ? ? ? ? ? ? ? ? ? ? ? state.LifeVal = num;
? ? ? ? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ? ? ? ?},
? ? ? ? */
? ? ? ? this.$store.commit("changeDanceVal", LifeVal);
? ? }
? },以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
本文通過(guò)實(shí)例代碼給大家介紹了vue 圖標(biāo)選擇器的相關(guān)知識(shí)，圖文實(shí)例代碼相結(jié)合給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2021-11-11
Vue項(xiàng)目中使用fontawesome圖標(biāo)庫(kù)的方法
fontawesome的圖標(biāo)有免費(fèi)版和專(zhuān)業(yè)版,本文主要使用free版本,一般free版本的圖標(biāo)夠用,free圖標(biāo)又劃分為三個(gè)圖標(biāo)庫(kù),主要有實(shí)心圖標(biāo)solid、常規(guī)圖標(biāo)regular及品牌圖標(biāo)brand,根據(jù)需求去下載對(duì)應(yīng)的圖標(biāo)庫(kù),無(wú)須全部下載,對(duì)vue?fontawesome圖標(biāo)庫(kù)相關(guān)知識(shí)感興趣的朋友一起看看吧2023-12-12
簡(jiǎn)單學(xué)習(xí)5種處理Vue.js異常的方法
這篇文章主要介紹了簡(jiǎn)單學(xué)習(xí)5種處理Vue.js異常的方法,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，,需要的朋友可以參考下2019-06-06
前端項(xiàng)目中如何使用百度地圖api(含實(shí)例)
當(dāng)我們遇到定位展示的時(shí)候會(huì)出現(xiàn)使用地圖展示的需求,下面這篇文章主要給大家介紹了關(guān)于前端項(xiàng)目中如何使用百度地圖api(含實(shí)例)的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-06-06
這篇文章主要介紹了vue axios同步請(qǐng)求解決方案,需要的朋友可以參考下2017-09-09
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)多級(jí)菜單效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
vue中對(duì)象的賦值Object.assign({}, row)方式
這篇文章主要介紹了vue中對(duì)象的賦值Object.assign({}, row)方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-03-03
這篇文章主要為大家介紹了LogicFlow插件使用前準(zhǔn)備詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01
vue系列之requireJs中引入vue-router的方法
這篇文章主要介紹了vue系列之requireJs中引入vue-router的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-07-07
Vue cli構(gòu)建及項(xiàng)目打包以及出現(xiàn)的問(wèn)題解決
這篇文章主要介紹了Vue cli構(gòu)建及項(xiàng)目打包以及出現(xiàn)的問(wèn)題解決，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-08-08