标签：false 对话框 visible modal Model true iview

问题描述：在某个页面需打开一个Model，然后这个Model里有一个Form表单，点击确定时我需要先校验表单数据是否输入正确，不确定则不希望关闭窗口；（问题是：只要点击确认 loading :false 情况下iview默认就把this.visible = false 窗口就关闭了）

做法是：
Form校验不通过，则：
this.$refs.model.visible = true;
这样窗口就不会关闭；

实例：

<template>
    <div>

        <Modal title="对话框" v-model="modal":maskClosable="false"
               :loading="modalLoading"
               @on-ok="ok" ref="modal">
            <div class="ivu-modal-confirm-body" style="padding-left:0px;">


            </div>
        </Modal>

        <button style="padding: 20px" @click="modal = true">打开对话框</button>
    </div>
</template>
<script>
    export default {
        computed: {

        },
        data() {
            return {
                modalLoading: true,
                modal: false,
            }
        },
        methods:{
            open(){
                this.modal = true;
              },
            ok () {
                if (1) {
                    this.$refs.modal.visible = true;
                    this.modalLoading = false;
                    return
                }
                this.modal = false
            },

        }
    }
</script>

标签：false,对话框,visible,modal,Model,true,iview
来源： https://www.cnblogs.com/web-fusheng/p/10620768.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。