解决iview点击确定按钮后模态框立即关闭,无法进行数据验证后再关闭模态框问题

解决iview点击确定按钮后模态框立即关闭,无法进行数据验证后再关闭模态框问题

使用iview 组件的模态框写增加功能的时候,按照官网的代码拷下来,但是在最后一步的时候出现了一个小问题,需要对用户输入的数据进行验证,验证通过后再向后台发送请求,请求成功后关闭模态框,如果验证不通过,则提示用户填写有误,需重新填写,但是按照官网的例子,点击确定按钮后,模态框就关闭了return 出去也不行,后来在网上找到了两种解决办法
方法一:
在这里插入图片描述
这个说是有个loading什么鬼的,我觉得好蠢,就没用,有兴趣的朋友可以看看
方法二:
在这里插入图片描述
<Modal></Modal>中间插入上面的代码,这样就可以在按钮点击事件里面去做数据的验证,通过v-model控制模态框的显示与隐藏。
但是看了一下slot是什么鬼,去官网上面找了半天才发现了这个:
在这里插入图片描述好吧,以后官网还是要多看看。
继续码代码。。。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值