在使用uniapp开发跨端应用时，项目在H5环境下运行正常，但在真机上出现错误。问题源于v-bind=$attrs、v-on=$listeners及$slots在引用自定义组件时的使用。解决方法是改用uniapp的easycom机制注册组件，且ref只能用于自定义组件。通过更新pages.json配置，以^c-(.*):@/components/common/$1.vue的方式引用组件，最终解决了问题。
公司项目用uniapp开发跨端应用，在h5跑没有任何问题，用真机运行就出现如下两个报错：
ps：(真机调试真的不好定位问题，需要一点一点注释代码排查)
最后排查出来是uniapp的坑：
- 不能用
v-bind="$attrs"，v-on="$listeners"，$slots语法 - 引用自定义组件不能用vue注册组件的方法，必须用uniapp的注册组件方法easycom才能生效
- ref只能放在自定义组件上
// pages.json
"easycom": {
"^c-(.*)": "@/components/common/$1.vue"
},
c就是你的自定义组件的开头，使用的时候就是<c-component></c-component>，$1就是你放组件的文件夹下的文件名
历尽千辛万苦终于可以啦，之后踩坑再补充～
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
