uniPopupDialog这个组件在uni-app中watch里报错
uniPopupDialog这个组件在uni-app中watch里报错
操作步骤:
- 使用的时候双向绑定就报错
预期结果:
- 无
实际结果:
- 无
bug描述:
- 控制台报错
图片
项目信息
项目信息 | 详细信息 |
---|---|
产品分类 | uniapp/App |
PC开发环境操作系统 | Windows |
PC开发环境操作系统版本号 | win10 |
HBuilderX类型 | 正式 |
HBuilderX版本号 | 4.66 |
手机系统 | Android |
手机系统版本号 | Android 15 |
手机厂商 | 华为 |
手机机型 | 荣耀100pro |
页面类型 | vue |
vue版本 | vue2 |
打包方式 | 云端 |
项目创建方式 | HBuilderX |
更多关于uniPopupDialog这个组件在uni-app中watch里报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html
3 回复
这个是已知问题,源仓库代码已经修正,你可以先在这两个前面加上 this. 来解决问题
更多关于uniPopupDialog这个组件在uni-app中watch里报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html
好的,我更新插件市场发现没变化,还以为没发现!我另一个问题,打包后检测icp未备案,这个是啥原因?
从报错信息来看,这是在uniPopupDialog组件中使用watch监听时出现的常见问题。主要原因是组件内部对props的处理方式与watch监听产生了冲突。
解决方法:
-
检查你的组件props定义,确保没有直接修改props的值。在Vue2中,props应该是单向数据流。
-
如果确实需要双向绑定,可以使用.sync修饰符:
<uni-popup-dialog :value.sync="dialogValue"></uni-popup-dialog>
- 或者在组件内部使用computed属性来处理:
computed: {
dialogModel: {
get() {
return this.value
},
set(val) {
this.$emit('input', val)
}
}
}