g***@foxmail.com
g***@foxmail.com
  • 发布:2023-06-06 15:32
  • 更新:2023-06-06 15:32
  • 阅读:370

使用cli编译后的包 vue3 的 ref 属性经常无法获取到组件。

分类:uni小程序sdk

"@dcloudio/uni-mp-weixin": "3.0.0-3080320230526001"
"vue": "3.2.45",
微信开发者工具 Stable 1.06.2303220
node v16.19.0
npm 8.19.3

描述

使用cli开发微信小程序时,经常会遇到组件中使用了ref属性,并且该文件热更后会导致微信开发者工具无法获取组件。
如果当前微信开发者工具无法获取到组件时,重启微信开发者工具,依然无法正常获取;推断编译后的代码包可能有问题。

当前方案

1、重新启动cli
2、继续修改该文件,直到微信开发者工具可以获取到组件

demo

 <l-echart ref="chartComp" v-bind="$attrs" @finished="doLoadedChart" />
// setup 语法糖  
// l-echart 组件中的 finished 事件是在该组件的 mounted周期发生  

const chartComp = ref(null);  
function doLoadedChart() {  
// init 会偶发出现 未定义  
  chartComp.value.init(echarts);  
}
2023-06-06 15:32 负责人:无 分享
已邀请:

要回复问题请先登录注册