<template>
<view>
<button @click="popupclick">
点击
</button>
<uni-popup ref="inputDialog" type="dialog">
<uni-popup-dialog ref="inputCloseName" mode="input" v-model="aaa"></uni-popup-dialog>
</uni-popup>
</view>
</template>
<script>
export default {
data() {
return {
aaa:''
}
}
methods: {
popupclick(){
this.aaa='123456'
this.$refs.inputDialog.open()
},
}
}
1***@qq.com
- 发布：2025-03-31 19:49
- 更新：2025-04-14 19:18
- 阅读：289
产品分类： uniapp/小程序/微信
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 4.56
第三方开发者工具版本号： 1.06.2503281
基础库版本号： 3.7.11
项目创建方式： HBuilderX
示例代码：
操作步骤：
父组件改变 v-model的值,然后打开 <uni-popup ref="inputDialog" type="dialog">
<uni-popup-dialog ref="inputCloseName" mode="input" v-model="aaa"></uni-popup-dialog>
</uni-popup>弹窗输入框的数据不会改变
父组件改变 v-model的值,然后打开 <uni-popup ref="inputDialog" type="dialog">
<uni-popup-dialog ref="inputCloseName" mode="input" v-model="aaa"></uni-popup-dialog>
</uni-popup>弹窗输入框的数据不会改变
预期结果：
父组件改变 v-model的值,然后打开弹窗输入框的数据修改
父组件改变 v-model的值,然后打开弹窗输入框的数据修改
实际结果：
父组件改变 v-model的值,然后打开弹窗输入框的数据不会改变
父组件改变 v-model的值,然后打开弹窗输入框的数据不会改变
bug描述：
父组件改变 v-model的值,然后打开弹窗输入框的数据不会改变
3 个回复
DCloud_UNI_JBB
改下这个组件的这里的代码，通过 this 调用方法
DCloud_UNI_JBB
明天看下
DCloud_UNI_JBB
这样写有效，文档里面写了属性名是 value，直接写 v-model='aaa' ，属性名就是 modelValue了
1***@qq.com (作者)
，更新后uni-popup的vue3小程序还是不行,小程序点击弹窗还是没有内容而且报错ReferenceError: setVal is not defined
at Proxy.modelValue (uni-popup-dialog.js? [sm]:99)
2025-04-14 18:25
1***@qq.com (作者)
我改成这样可以了，modelValue(val) {
if (this.maxlength != -1 && this.mode === 'input') {
this.val = val.slice(0, this.maxlength);
} else {
this.val = val
}
},
2025-04-14 18:30