Vue2 Element UI 弹层添加分割线教程
在Vue2中,可以使用以下步骤在el-dialog弹层中添加分割线:
-
在el-dialog组件中添加一个div元素,作为分割线的容器。
-
为该div元素添加样式,如下所示:
.separator {
height: 1px;
background-color: #ccc;
margin: 10px 0;
}
- 在el-dialog组件中使用该div元素,如下所示:
<el-dialog title='弹层标题' :visible.sync='dialogVisible' width='50%'>
<div>
// 弹层内容
</div>
<div class='separator'></div>
<div>
// 弹层内容
</div>
</el-dialog>
这样就可以在el-dialog弹层中添加分割线了。
原文地址: https://www.cveoy.top/t/topic/nVWJ 著作权归作者所有。请勿转载和采集!