如果在uni-app中使用了Vuex,一般情况下main.js中我是这么写的:

import store from './store'



const app = new Vue({
...App,
store
})

这样写,在Vue中(也就是正常的浏览器打开)是没问题的,可以通过this.$store获取Vuex的实例;

但是在微信开发者工具中,就获取不到,直接报:undefined,并且如果有在组件中使用Vuex的话,还会报:Cannot read property ‘dispatch’ of undefined;

笔者百度了一些资料,了解到,Vue本身在构造Vue实例时,写在里面的东西都会在Vue实例中找到,但是在转微信小程序的时候,编译过程中,它是在Vue的原型链上去寻找Vuex,因此undefined很正常了。

下面是笔者自己的处理方式:

import store from './store'

Vue.prototype.$store = store;

const app = new Vue({
...App,
})

如要转载,请注明出处,谢谢。

印象资源网- 版权声明©
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长进行删除!
2. 本站提供教程视频、源码、模板、插件等等其他资源,需要技术服务可以联系管理员。
3. 如有链接无法下载、失效或广告,请联系管理员处理!
4. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需,请大家谅解,谢谢。
5.联系客服邮箱(1):810023272@qq.com
联系客服邮箱(2):578561952@qq.com
6.联系客服QQ:点击我和交流
印象资源网 » uni-app转微信小程序,引入的Vuex在小程序中报: Cannot read property ‘dispatch’ of undefined

发表评论

提供最优质的资源集合

了解详情