element ui dialog custom-class不生效最终解决办法

7月前作者：南北极之间分类：Toy博客阅读(28) 违法举报

这篇具有很好参考价值的文章主要介绍了element ui dialog custom-class不生效最终解决办法。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

官网：

Element - The world's most popular Vue UI frameworkElement，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库https://element.eleme.cn/#/zh-CN/component/dialog

[el-dialog] [attribute] custom-class is about to be deprecated in version 2.,前端开发,elementui,dialog,custom-class

用了这个

custom-class但是没有生效

[el-dialog] [attribute] custom-class is about to be deprecated in version 2.,前端开发,elementui,dialog,custom-class

看了网上的方法说在新起的类名前加个

.el-dialog

但是还是没有生效。

最后再加个deep就行了：文章来源地址https://www.toymoban.com/news/detail-599300.html

/deep/.el-dialog.reply-info-dialog{
  width: 50px !important;
}

到了这里，关于element ui dialog custom-class不生效最终解决办法的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

解决Element-UI清空表单及验证不生效的问题

由于我将编辑与新增时，表单使用的是同一个data中的数据，这就导致出现了我点击了编辑后，再次点击新增时，出现了数据依旧是刚才编辑表单中的数据。通过手动给表单中的字段赋值，期初时，能达到清除表单的效果，但是又出现了新的问题。表单验证不通过。在一打

2024年02月13日
浏览(28)
Vue | Element UI Plus 完美解决el-dialog双滚动条、页面抖动问题

解决因为滚动条隐藏导致的窗口抖动问题： (添加 :lock-scroll=\\\"false\\\" 属性)（无效的话把冒号去掉试试）解决双滚动条问题：（无效的话去掉deep）参考： http://t.csdnimg.cn/xavOG

2024年04月25日
浏览(54)
【element ui】 el-popover 样式修改不生效解决方法

①基本结构 ②问题在修改el-popover的样式的时候，和往常修改elmentui样式一样就是不起效果。使用::v-deep或者是/deep/样式穿透都没有效果。 ③原因看了一篇博主的博客才得知，原因是 el-popover生成的div不在当前组件之内，甚至不在App.vue组件的div内，他和App.vue组件的div平级。所

2024年02月07日
浏览(33)
关于element-ui中表单重置不生效的原因，及解决方法

resetFields这个方法是将表单重置为初始值，也就是说，是将表单中的数据重置为dom节点渲染时的值，而不是重置为空对象。也就是说，当你的表单数据，是在dom节点渲染前被赋值的，那么他的初始值就不为空了。还有就是vue中对象是不能直接赋值给另一个对象的解决方法

2024年02月13日
浏览(29)
解决问题：Element ui组件中Dialog对话框只显示遮罩层，不显示弹框内容

以下是Dialog 对话框的基本用法：这个时候页面只显示了遮罩层，但是不显示弹框的内容，查阅文档后，发现有这样一条： append-to-body的默认值是false，所以需要自己在el-dialog标签中手动设置为true, 加上之后弹框内容就可以显示了。

2024年02月06日
浏览(35)
vue element ui el-popover 样式修改不生效解决方法

在使用element 的el-popover 组件时，会发现自己对el-popover 写的样式不起作用，甚至连使用 ::v-deep ‘’ /deep/ 行内Style 这四种样式穿透都不起作用，这是因为 el-popover生成的div不在当前组件之内，甚至不在App.vue组件的div内，他和App.vue组件的div平级。所以需要全局设置style 首先给

2024年02月11日
浏览(46)
解决element-ui组件库中dialog组件只显示遮罩层，未显示弹框的问题

以下是直接粘贴的组件--基础用法 el-button type=\\\"text\\\" @click=\\\"dialogVisible = true\\\"点击打开 Dialog/el-button el-dialog title=\\\"提示\\\" :visible.sync=\\\"dialogVisible\\\" width=\\\"30%\\\" :before-close=\\\"handleClose\\\" span这是一段信息/span span slot=\\\"footer\\\" class=\\\"dialog-footer\\\" el-button @click=\\\"dialogVisible = false\\\"取消

2024年02月03日
浏览(70)
【前端】解决element-ui的form组件resetFields()方法不生效的问题

使用 element-ui 的 form 组件，在输入栏较多的时候，有时 resetFields 只能重置一部分输入框的值给每个值赋值初始值为空即可例如，需要清除的 :model=\\\"queryForm.bgnTime\\\" 、 :model=\\\"queryForm.endTime\\\" 等一系列的值，那么就不要只定义 queryForm:{} ，而是要把对象下的各个属性赋值初值为空

2024年02月15日
浏览(45)
当element ui el-dialog弹窗有缓存，每次打开弹窗的时候会出问题的解决方法

解决方法：如下是解决方案。用el-dialog 里面有一个 destroy-on-close （关闭时销毁 Dialog 中的元素）这个完全没用。其实很简单。只需要在 el-dialog 外层加一层div 然后在 div 上写上 v-if=\\\"dialogVisible\\\"就行了。理解：也就是说，当显示参数 dialogVisible = true 时，先创建 el-dialog 组件，

2024年02月04日
浏览(36)
解决 element-ui 中From 表单和Dialog 对话框搭配使用时 resetFields重置方法无法清空数据的问题

在实际开发实现表格的增删改查的时候，新增和修改通常共用一个弹窗以节省代码量当我们先点击修改的时候，会对弹窗表单进行赋值，这个时候我们再点击新增，会发现刚刚的表单数据仍然躺在表单中，并且使用resetFields没有清除数据其实resetFields()是生效了的，resetFie

2024年02月16日
浏览(40)