方法一:使用 CSS 样式直接隐藏 这是最直接的方法,通过覆盖 el-dialog__header 类的样式来实现隐藏 header。 vue <template> <el-dialog :visible.sync="dialogVisible"> <!-- Dialog 内容 --> </el-dialog> </template> <script> export default { data()...
正确写法(没有添加scoped,也就不用写deep了) <style> .el-dialog__header { display: none; } </style> 下面这样写无效: <style scoped> :deep(.el-dialog__header) { display: none; } 不知道为啥这种写法无效。 发布于 2024-07-05 16:52・IP 属地广东 ...
header头部插槽- default中间插槽- footer脚部插槽- use-el-dialog 使用的前提,需要保证 element-plus 正确引入并使用。use-el-dialog 本身并不携带 element-plus。 Install npm i@sunwise/use-el-dialog Repository github.com/sunwise-fe/use-el-dialog ...
el-dialog 替换关闭按钮icon 项目中 UI 更换,将el-dialog的关闭按钮icon换了。 ===> 我第一时间想的是插槽更换,但是官网看了一下,有title插槽,就想着把关闭按钮隐藏,然后用title增加icon,css定位到两边。 之后去百度,是用background替换 el-dialog__headerbtn 按钮。 后来,大佬说了一个方法,直接将icon 的cont...
满足基础用法，传入 el-dialog 的基础属性以及默认slot显示的内容，导出 openDialog 和 closeDialog 函数；支持 el-dialog 的事件配置；支持默认 slot 组件的属性配置；支持 el-dialog 其他 slot 配置，例如 header 和 footer 等；在内容组件中抛出特定事件支持关闭 dialog；支持显示内容为 jsx、普通文本、Vue ...
.el-dialog__header { height: 40px; line-height: 40px; padding: 0px 20px; background: #eff3fa; color: #fff; border-bottom: 1px solid #dcdfe6; border-top-left-radius: 0; border-top-right-radius: 0; .el-dialog__title {
const dialogHeaderEl = el.querySelector('.el-dialog__header'); const dragDom = el.querySelector('.el-dialog'); // dialogHeaderEl.style.cursor = 'move'; dialogHeaderEl.style.cssText += ';cursor:move;'; dragDom.style.cssText += ';top:0px;'; ...
2019-12-20 15:19 −1、在创建Vue对象时添加全局属性 Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { const dialogHeaderEl = el.querySelector('.el-dialog__header'... 柠檬仔啊 0 2951 (一)sync分析之为啥el-dialog中的visible需要使用.sync ...
}//未设置参数的情况=默认隐藏放大缩小,不可点击 - 或者设置可放大缩小maxMin.style.display='none'; dialogHeaderEl.ondblclick=null; maxMin.onclick=null;if(binding.value) {if(!!binding.value.maxFlag) { maxMin.style.display='initial';
const dialogHeaderEl = el.querySelector('.el-dialog__header') const dragDom = el.querySelector('.el-dialog') dialogHeaderEl.style.cursor ='move' // 获取原有属性 ie dom元素.currentStyle 火狐谷歌 window.getComputedStyle(dom元素, null); ...