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