3. 控制对话框的显示与隐藏 通过Vue 的数据绑定和事件处理来控制对话框的显示与隐藏。 html <script> export default { data() { return { showDialog: false // 控制对话框的显示与隐藏 }; }, methods: { // 打开对话框 openDialog() { this.showDialog = true; }, // 关闭对话框 confirm()...
this.$refs.dialog.open(); //打开弹窗 }, close(){ this.$refs.dialog.close(); //关闭弹窗 } } } </script> 3.解决方案 在node_modules 中找到 uni-ui 文件,然后找到 uni-popup-dialog 组件,找到 uni-popup-dialog.vue 文件,在 mounted 生命周期中将 this.focus = true 修改为: this.focus = f...
vue2版本时,父组件使用value属性传值,然后子组件接收value值,可以实现双向绑定 vue3版本时,父组件需要使用v-model传值,这时子组件接受的属性变为modelValue,如果子组件里还是使用this.value就拿不到值 所以我把created方法写成这样了:
uni-popup-dialog.vue package.json 3 files changed +12 -4 lines changed Original file line numberDiff line numberDiff line change @@ -1,3 +1,5 @@ 1+ ##1.9.0(2024-03-28) 2+ -修复 uni-popup-dialog 双向绑定时初始化逻辑修正
components/uni-popup-dialog uni-popup-dialog.vue package.json 2 changes: 2 additions & 0 deletions 2 uni_modules/uni-popup/changelog.md Original file line numberDiff line numberDiff line change@@ -1,3 +1,5 @@ ## 1.8.2(2023-02-02) - uni-popup-dialog 组件新增 inputType 属性 ...
官方文档中是vue2的写法,vue3使用需要修改 写法一: <button type="primary"class="btn"@click="dialogToggle(item)">删除</button><!--提示窗示例--><uni-popupref="alertDialog"type="dialog"><uni-popup-dialog type="warn"cancelText="关闭"confirmText="确认"title="提示"content="确认删除?"@confirm...
在使用uni-app开发微信小程序的时候,使用了uni-popup和uni-popup-dialog的input模式,查看官方提供的接口,发现没有修改聚焦的接口,于是修改了uni-popup -> components -> uni-popup-dialog -> uni-popup-dialog.vue的mounted()方法内的this.focus为false
// #ifdef VUE2 value: { type: [String, Number], default: '' }, // #endif // #ifdef VUE3 modelValue: { type: [Number, String], default: '' }, // #endif placeholder: { type: [String, Number], default: '' @@ -110,10 +120,10 @@ maxlength: { type: Number, default: -...
components/uni-popup-dialog uni-popup-dialog.vue package.json 2 changes: 2 additions & 0 deletions 2 uni_modules/uni-popup/changelog.md Original file line numberDiff line numberDiff line change @@ -1,3 +1,5 @@ ## 1.8.2(2023-02-02) - uni-popup-dialog 组件新增 inputType 属性 #...
//#ifdef VUE2 //TODO 兼容 vue2 this.$emit('input', val); //#endif //#ifdef VUE3 //TODO 兼容 vue3 this.$emit('update:modelValue', val); //#endif } }, created() { Expand All@@ -173,8 +193,7 @@ this.$emit('confirm',this.val) ...