ElementUI的el-dialog组件默认允许点击空白区域关闭弹窗,这是由close-on-click-modal属性控制的,该属性默认为true。 检查是否有代码阻止了弹窗的点击空白区域关闭功能: 你需要查看当前el-dialog组件的close-on-click-modal属性设置。如果该属性被设置为false,则点击空白区域不会关闭弹窗。 修改或移除阻止关闭的代码: ...
element组件库的Dialog对话框默认可以通过点击 modal 关闭 Dialog,即点击空白处弹框可关闭。 属性 import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' // 默认主题//全局修改默认配置,点击空白处不能关闭弹窗 ElementUI.Dialog.props.closeOnClickModal.default = false console.log...
</el-dialog> 1. 2. 3. :close-on-click-modal=“true” 代表点击其他页面会关闭对话框 第二种 全局配置 在mian.js里面: import ElementUI from 'element-ui'; // 修改 el-dialog 默认点击遮照为不关闭 ElementUI.Dialog.props.closeOnClickModal.default = false 1. 2. 3. 4....
element-ui dialog弹窗 默认的点击空白处也就是非弹窗区会关闭,有时候不太合适,所以要设置为不可关闭。它本身自带该功能: 也就是“:close-on-click-modal” 这个属性设置成false 就可以了 代码语言:javascript 代码运行次数:0 复制 Cloud Studio代码运行 <el-dialog title=“添加” :visible.sync=“dialogFormVis...
Vue Element项目想实现弹窗点击空白处不自动关闭,只能通过关闭按钮来关闭 在main.js文件中加入 // 点击空白处弹窗不关闭Element.Dialog.props.closeOnClickModal.default=false; importVuefrom'vue'importCookiesfrom'js-cookie'importElementfrom'element-ui'import'./assets/styles/element-variables.scss'import'@/asset...
在el-dialog标签中添加如下属性即可。 1 :close-on-click-modal="false" 1 <el-dialog :title="title" :visible.sync="open" width="8
1.第一种 element-ui dialog设置为点击弹窗以外的区域不关闭弹窗 在dialog的上面设置:close-on-click-modal="false"2.第二种 全局配置 在mian.js里面：import ElementUI from 'element-ui';// 修改 el-dialog 默认点击遮照为不关闭 ElementUI.Dialog.props.closeOnClickModal.default = false ...
{ // 点击空白处让弹窗状态为显示 that.compactDialog = true }) // this.$refs.dialog.$refs.dialog vue获取dom // 至于为什么写这么长,是因为this.$refs.dialog获取的是弹窗遮罩(遮罩100%全屏覆盖),如果在这阻止默认事件,就把document点击事件给阻止了, // 所以this.$refs.dialog.$refs.dialog 获取的是...
用法：<el-dialog title="提示" :visible.sync="dialogVisible" width="30%" :close-on-click-modal="false"> <span>这是一段信息</span> <span slot="footer" class="dialog-footer"> <el-button @click="dialogVisible = false">取 消</el-button> <el-button type="prima...