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

clipboard.png

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

阅读 17.9k
5 个回答

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

slot方式比较好

<div slot="footer">
                <Button type="text" size="large" @click="modalCancel">取消</Button>
                <Button type="primary" size="large" @click="modalOk">确定</Button>
            </div>

不行啊。

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

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

新手上路,请多包涵

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

宣传栏