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

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

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

你可能感兴趣的:(超实用的坑,iview,Modal,模态框,slot,显示隐藏)