Vue -- 如何取消 Dialog 右上角的小叉号 & el 标签中 boolean 类型的参数的用法
看官方文档那么具体在代码里应该怎么写呢?<el-dialog id="message-log-modal-id" title="作业任务执行情况" :visible.sync="taskExeDialogVisible":show-close="false" :close-on-click-modal="false" :close-on-press-escape="false...
·
看官方文档
那么如何在具体代码中实现呢?
<el-button type="text" @click="dialogVisible = true">点击打开 Dialog</el-button>
<el-dialog
:visible.sync="dialogVisible"
width="30%" :show-close="false" :close-on-click-modal="false" :close-on-press-escape="false">
<span>这是一段信息</span>
</el-dialog>
export default {
name: "First",
data(){
return {
dialogVisible: false
}
},
methods:{
},
}
其中 close-on-click-modal 为 true 时,点击 dialog 外的其他区域,dialog 就会关闭
更多推荐
已为社区贡献8条内容
所有评论(0)