Element-Plus: el-divider 属性颜色虚线问题

9月前作者：橙子将军分类：Toy博客阅读(57) 违法举报

这篇具有很好参考价值的文章主要介绍了Element-Plus: el-divider 属性颜色虚线问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

同样忘了哪天的问题了，关于饿了么plus 中el-devider样式的设置。

最开始用的就是divider，但是因为某个时候(记不太清了)调样式的时候，给divider加了margin-top/bottom后，divider会变粗，还半天改不好，用了穿透也没啥用，于是暂时放弃了，改用原生的<hr />，直到后来一个场景要用dashed(虚线)效果，懒得改hr，又想起了divider，于是好好研究了下它的颜色和虚线属性，话不多说，直接上结果(这里也没啥好讲的...)

<el-divider border-color="#dcdcdc" border-style="dashed" />

线的颜色就是是border-color属性，在标签上直接设置就好

线的样式(solid(默认实线) or dashed(虚线))设置border-style属性

最后附上文档的属性，刚才无意发现它这个border-style还有其他可用属性，应该是用的border的那些属性，有兴趣可以试试

el-divider,vue,工作中遇到的问题,工具,前端,vue.js,elementui,css,javascript

文章来源地址https://www.toymoban.com/news/detail-669777.html

到了这里，关于Element-Plus: el-divider 属性颜色虚线问题的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

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

分享到：

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

vue使用element-ui或者element-plus固定 el-header 和 el-aside

vue使用element-ui或者element-plus固定 el-header 和 el-aside 在使用element-plus做后台管理的时候，需要固定el-header和el-aside，特此记录以下。只需要将el-main固定高度即可。 main.vue css 将 el-main 高度后，当 el-main 内容超出固定高度后就能显示滚轮了。将滚轮样式修改一下就好了。效果：

2024年02月13日
浏览(49)
element-plus指定el-date-picker的弹出框位置

此处记录一下,通过popper-options指定popper出现的位置

2024年02月10日
浏览(38)
vue3 element-plus el-form的二次封装

form表单的二次封装 vue3 element-plus el-form的二次封装属性名类型默认值说明 data Array [] 页面展示数据内容 onChange Function false 表单事件 bindProps Object {} 表单属性 formRef Object {} 表单ref ruleForm Object {} 数据

2024年02月13日
浏览(74)
element-plus el-table、动态添加、删除行、input输入框

模板部分，使用 el-table 元素作为表格容器，绑定 data 属性传入表格数据。用 v-for 指令遍历每一项数据，使用普通文本或 el-input 组件渲染每个单元格。表格最后一列为操作列，包含 “Add” 和 “Delete” 两个按钮，点击它们可以增加或删除数据行：逻辑部分，定义 tableData 数据

2024年02月06日
浏览(44)
vue3+element-plus+el-image实现点击按钮预览大图

需求：点击某个按钮实现el-image中预览大图的效果官方文档：以下是官方的写法，并不能达到我们的要求，官方实现的功能是点击图片达到预览大图的效果。如果你的按钮就是图片，也可以达到目前的功能 el-image-viewer组件是element官方的组件，只是文档中没有写出来，这个组

2024年02月12日
浏览(58)
Vue3 element-plus el-select 无法选中，又不报错

html 结构 js 代码点击下拉选项，输入框无法选中原因：ref=“conditionForm” 和 :model=“conditionForm” 冲突了， 4-1. 再Vue2里面 :model=“conditionForm” 绑定的是 conditionForm 变量， ref=“conditionForm” 绑定的是conditionForm字符串 v-model=“conditionForm.personnel” 绑定的 conditionForm 变量下属性

2023年04月27日
浏览(47)
vue3.0 element-plus 不同版本 el-popover 循环优化

表格内循环el-popover 渲染以后的页面，数据量很大的时候页面会卡，生成的代码：解决思路：将el-popover提出来，不参与循环，让el-popover只渲染一次 1、以1.1.0-beta.24版为例（低版本）红色下划线部分是关键点 v-popover的值与el-popover的ref值要一致 2、以2.3.9版为例（当前

2024年02月12日
浏览(47)
element-plus el-form 表单、表单验证使用方法、注意事项

element-plus@2.0.6 及之后的版本，表单验证不再是同步执行的了另外， element-plus@2.1.4 及之后的版本，才可按照官方文档示例正常使用（使用的是两者的中间版本的话，最好先自行确认下正确的上例中：如果在“ 位置1 ”执行表单验证通过后的业务代码，可以去掉 async...await 如

2024年02月05日
浏览(63)
element-plus的el-tag标签关闭标签时的高亮显示逻辑

首页的tag一开始就会存在，而且是不能进行删除的当点击左侧栏的时候,如果tag没有该菜单名称则新增，如果已经有了那么当前tag背景为蓝色。删除当前tag，如果是最后一个，那么路由调整到它前面那个标签并且背景变蓝，如果不是最后一个那么路由调整到它后面那个标签并

2024年02月06日
浏览(37)
vue3使用element-plus 树组件（el-tree）数据回显

html搭建结构 js 非常好用，拿过来修改一下check事件，ref获取就直接可以使用了

2024年04月09日
浏览(60)