vue中使用elementUI框架的el-dialog模态窗口，有时我们会不消息点击到空白蒙版就自动关闭了，我可以关闭这个，这样就不会导致我们辛辛苦苦输入的东西都没了，我们可以给el-dialog加个属性即可
:close-on-click-modal="false"
详细demo:
<!-- 添加商品分类对话框 --> <el-dialog title="添加商品分类" :visible.sync="addDialogVisible" width="30%" @close="addDialogClosed" :close-on-click-modal="false"> <!-- 内容主体区域 --> <el-form :model="addForm" :rules="addFormRules" ref="addFormRef" label-width="100px"> <el-form-item label="名称" prop="name"> <el-input v-model="addForm.name"></el-input> </el-form-item> <el-form-item label="排序" prop="sort"> <el-input v-model="addForm.sort"></el-input> </el-form-item> </el-form> <!-- 底部区域 --> <span slot="footer" class="dialog-footer"> <el-button @click="addDialogVisible = false">取 消</el-button> <el-button type="primary" @click="addGoodsCate">确 定</el-button> </span> </el-dialog>
关于简忆
简忆诞生的故事
粤ICP备16092285号
文章评论（0）