iview modal 如何在不关闭对话框而使得确认按钮可以重新使用

发布于 2022-09-05 22:47:41 字数 306 浏览 14 评论 0

clipboard.png

对于某些对话框,我需要对输入的内容做验证,这时候确定的关闭需要我手动控制,所以我增加了“loading”,但是这种方式应该是为了配合某些确认需要异步来完成。而我这种带验证的对话框就无法满足了,现在的问题是我无法把确定的状态变回到最开始。大家有没有好的方案?【除了自己重新手写……目前暂时自己手写处理……】

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

无可置疑 2022-09-12 22:47:41

需要手动设置 loading,github issue 有现成代码,可以去搜一下

最单纯的乌龟 2022-09-12 22:47:41

slot方式比较好

<div slot="footer">
                <Button type="text" size="large" @click="modalCancel">取消</Button>
                <Button type="primary" size="large" @click="modalOk">确定</Button>
            </div>
一百个冬季 2022-09-12 22:47:41

我也遇到这个问题,搜到作者说的代码了,直达:https://github.com/iview/ivie...

思念满溢 2022-09-12 22:47:41

不行啊。

   setTimeout(() => {
         this.loading = false;
         this.$nextTick(() => {
             this.loading = true;
         });
     }, 2000); 

我点击ok的时候出发这个方法 loading还是一直转圈

幻想少年梦 2022-09-12 22:47:41

在on-ok里面执行下面,取消确定按钮的loading状态就可以
this.$refs.modal.buttonLoading = false;

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文