官方文档中是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=...
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...
我去年就遇到这个问题,后来为了避开它,自己写input,在 mounted 调用 setTimeout 设置 focus 为true。 现在vue3中,必须要使用uni-pop-dialog 才不报错,结果又遇到这个问题了。 这是其他人遇到的一样的问题,[链接] Ping-Gao commented Aug 13, 2022 • edited vue3 解决方案: 组件上加个v-if和ref v-if...
3. 控制对话框的显示与隐藏 通过Vue 的数据绑定和事件处理来控制对话框的显示与隐藏。 html <script> export default { data() { return { showDialog: false // 控制对话框的显示与隐藏 }; }, methods: { // 打开对话框 openDialog() { this.showDialog = true; }, // 关闭对话框 confirm()...
// #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: -...
//#ifdef VUE2 this.val=this.value; //#endif //#ifdef VUE3 this.val=this.modelValue; //#endif }else{ this.dialogType=this.type } Expand DownExpand Up@@ -310,4 +315,4 @@ .uni-popup__info{ color:#909399; } </style>
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) ...