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

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

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

猜你喜欢

转载自blog.csdn.net/MissRen920/article/details/82886308