vue.js - mapGetters報錯unknown getter一直獲取不到值的問題?


最近在研究使用vue,當用到了vuex的時候,一直在踩坑,現在記錄一下防止以后忘記。

vuex中,使用mapGetters一直獲取不到的問題?

我使用了module組件,最開始的時候是直接在module里面直接定義getter,之后輸出。

在home.vue頁面中使用...mapGetters([''])使用的時候,頁面一直報錯

 

 頁面報錯:

 

 

解決辦法:

之后經過查找問題,如果使用module的話,getter需要單獨寫一個getter.js在store中進行輸出。

創建一個getter.js文件,將需要的getter重新構建:

 

 在store中進行輸出

 

 

之后在進行...mapGetters的調用就顯示正常了。

 

 

疑惑點:為什么使用module必須要單獨創建一個getter.js文件,現在還沒有明白。繼續研究研究,以后補充。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM