uniPopupDialog这个组件在uni-app中watch里报错

uniPopupDialog这个组件在uni-app中watch里报错

操作步骤:

  • 使用的时候双向绑定就报错

预期结果:

实际结果:

bug描述:

  • 控制台报错

图片

Image 1 Image 2

项目信息

项目信息 详细信息
产品分类 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监听产生了冲突。

解决方法:

  1. 检查你的组件props定义,确保没有直接修改props的值。在Vue2中,props应该是单向数据流。

  2. 如果确实需要双向绑定,可以使用.sync修饰符:

<uni-popup-dialog :value.sync="dialogValue"></uni-popup-dialog>
  1. 或者在组件内部使用computed属性来处理:
computed: {
  dialogModel: {
    get() {
      return this.value
    },
    set(val) {
      this.$emit('input', val)
    }
  }
}
回到顶部