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);
? ? }
? },以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了關于Vue實例創(chuàng)建的整體流程,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-06-06
這篇文章主要介紹了TinyMCE富文本編輯器在Vue中的使用方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-04-04
這篇文章主要給大家介紹了如何使用?Vue3?實現(xiàn)一個穿梭框效果,當選中數(shù)據(jù),并且點擊相對應的方向箭頭時,選中的數(shù)據(jù)會發(fā)送到對面,并且數(shù)據(jù)會保持正確的順序進行排列,文中有詳細的代碼講解,具有一定的參考價值,需要的朋友可以參考下2023-12-12
vue項目用后端返回的文件流實現(xiàn)docx和pdf文件預覽
本文主要介紹了vue項目用后端返回的文件流實現(xiàn)docx和pdf文件預覽，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-04-04
這篇文章主要介紹了vue子組件中mounted取不到props中的值情況，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
Element UI是一套基于Vue的桌面端組件庫,封裝好了很多常用的UI組件,下面這篇文章主要給大家介紹了關于element如何初始化組件功能的相關資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2022-12-12
這篇文章主要為大家詳細介紹了vue車牌輸入組件的實現(xiàn)方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
探秘Vue異步更新機制中nextTick的原理與實現(xiàn)
nextTick?是?Vue?提供的一個重要工具,它的作用主要體現(xiàn)在幫助我們更好地處理異步操作,下面就跟隨小編一起來探索一下nextTick的原理與實現(xiàn)吧2024-02-02
Vue實戰(zhàn)之vue登錄驗證的實現(xiàn)代碼
本篇文章主要介紹了Vue實戰(zhàn)之vue登錄的實現(xiàn)代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
這篇Vue3開發(fā)文檔，包含了 Vue3 開發(fā)中使用的所有語法，文中的示例代碼講解詳細，希望所有像他一樣還不熟的伙伴快速上手 Vue3，不會的再不看要遭老罪咯2023-04-04