Modal的closable不生效

Question

问题描述

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

<Modal  v-model="showvisible" :title="itemtitle" width="45px"  :mask-closable="false" :footer-hide="true" :loading="managerloading">
    <i-form ref="modifyForm" v-if="showvisible" :model="dockingInfo" label-position="right" :label-width="80" inline>
        <form-Item prop="SYSID" label="系统编号">
             <i-input type="text" v-model="dockingInfo.SYSID" disabled></i-input>
         </form-Item>
        <form-Item prop="SYSNAME" label="系统名称">
            <i-input type="text" v-model="dockingInfo.SYSNAME" disabled></i-input>
        </form-Item>

        <form-Item prop="SYSTYPE" label="系统类型">
            <i-combox  dict="EXTLX" v-model="dockingInfo.SYSTYPE" valuefield="SYSTYPE" textfield="SYSTYPE_TEXT" :disabled="true" style="width: 160px" ></i-combox>
        </form-Item>

        <form-Item prop="SERVERID" label="节点编号">
            <i-input type="text" v-model="dockingInfo.SERVERID" disabled></i-input>
        </form-Item>

        <form-Item prop="LINKSTR" label="连接地址">
            <i-input type="text" v-model="dockingInfo.LINKSTR" disabled></i-input>
        </form-Item>
        <form-Item prop="DISPATCH" label="下发方式">
            <i-combox  dict="ESJXFFS" v-model="dockingInfo.DISPATCH"  valuefield="DISPATCH" textfield="DISPATCH_TEXT"  :disabled="true" style="width: 160px"></i-combox>
        </form-Item>

        <form-Item prop="ORGS" label="机构代码" style="width: 500px">

            <checkbox-group v-model="orgsSelected"  @change="change(index)">
                <Checkbox  v-for="(item,index) in orgsList" :value="item" :key="item" :label="item" disabled>
                    <span>{{item}}</span>
                </Checkbox>
            </checkbox-group>
        </form-Item><br>
    </i-form>

</Modal>

你期待的结果是什么？实际看到的错误信息又是什么？

我预期的是弹窗口的右上角应该有个叉叉来关闭该弹出框的，属性是closable，不写默认是true的啊，是我的代码哪里出问题了呢？望各位大佬指教

还有，我点击系统对接详那一行，还是可以关闭的啊？是我哪个属性没写导致的吗？？？

Answer 1

我用antd的model也是，当我把model抽离为子组件的时候，maskClosable为true无效，我的解决方法是去找的遮罩层的点击回调事件，但点击的时候把它的v-model设置为false,然后就好了