uni-app 踩坑记录

微信小程序

执行npm run dev:mp-weixin

1. this指向问题 场景：父组件传入子组件一个方法fn，子组件在指定时期调用，会出现this指向问题，需要在子组件中用fn.apply(this.$parent, params)解决

2. 使用VConsole 报错: app.js 错误: TypeError: Cannot read property 'sendBeacon' of undefined 原因：VConsole 插件跟微信小程序的冲突了

3. 报pages/index/index.json: ["usingComponents"]["u-xxx"] component not found: 是因为用了 pnpm 安装了依赖，小程序没有支持好这方面,所以用yarn 或 npm 替代

4. $attrs不支持

5. 样式穿透
   • 用::v-deep需要配置

   options: {
    styleIsolation: "shared",
   },
   

   • 不支持/deep/，会报错
6. 不能将computed中的绑定到dom中，会被编译成[object Object]，导致不生效，建议直接在dom上写判断