网站分页导航,网站建设维护兼职,郑州网页制作设计,wordpress怎么远程保存图片大小序#xff1a; 1、如果你卡到 了#xff0c;博主没写博客#xff0c;可以在博主的公众号#xff1a;“程序员野区” 留言。博主看到有时间再帮你去试 2、博主主要讲的怎么 主动关闭dialog和阻止dialog 自动关闭。 注意#xff01;#xff01;#xff01;#xff01;来 1、如果你卡到 了博主没写博客可以在博主的公众号“程序员野区” 留言。博主看到有时间再帮你去试 2、博主主要讲的怎么 主动关闭dialog和阻止dialog 自动关闭。 注意来你先得引入
import { createDiscreteApi} from naive-ui
const { message,dialog,notification,loadingBar} createDiscreteApi([message, dialog, notification, loadingBar])
案例一、先官方自带的确定按钮
let passwordlet password2let dialogObjdialog.warning({title: 修改密码,icon:()cycIcon(dialog-icon icon-tianchongxing-),positiveText: 确定,negativeText: 取消,onPositiveClick: () {if(password!password2){message.warning(两次输入密码不一致)return false;}},content: () h(NSpace,{vertical:true},[h(NInput,{type:password,defaultValue:,placeholder:请输入密码,onChange:(value){passwordvalue}}),h(NInput,{type:password,defaultValue:,placeholder:再次输入密码,onChange:(value){password2value}}),]),})
onPositiveClick里
return false就不会关闭
return true就会关闭
案例二、自己写关闭按钮 let passwordlet password2let dialogObjdialog.warning({title: 修改密码,icon:()cycIcon(dialog-icon icon-tianchongxing-),positiveText: 确定,negativeText: 取消,// onPositiveClick: () {// if(password!password2){// message.warning(两次输入密码不一致)// return false;// }// },content: () h(NSpace,{vertical:true},[h(NInput,{type:password,defaultValue:,placeholder:请输入密码,onChange:(value){passwordvalue}}),h(NInput,{type:password,defaultValue:,placeholder:再次输入密码,onChange:(value){password2value}}),]),action: () h(NSpace,[h(NButton,{class:c_gray ,size: small,onClick: () {dialogObj.destroy();},},{default: () 取消 }),h(NButton,{size: small,type:success,onClick: () {}},{default: () 提交 }),])}) 看到代码了吗dialogObj.destroy(); 就是关闭
前提是你前面要先定义let dialogObjdialog.warning({
三、还有一点怎么关闭全部的dialog.warning
记得博文开头那个引入的要写进代码里哦
dialog.destroyAll();
