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