Vue -- 如何取消 Dialog 右上角的小叉号 el 标签中 boolean 类型的参数的用法

看官方文档

那么如何在具体代码中实现呢？

 <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 就会关闭