Element修改树结构样式--虚线树

最新推荐文章于 2024-10-10 14:58:44 发布

白嫖叫上我

最新推荐文章于 2024-10-10 14:58:44 发布

阅读量1.2k

点赞数 10

CC 4.0 BY-SA版权

分类专栏： element-ui 文章标签：前端 vue element-plus

本文链接：https://blog.youkuaiyun.com/daimaxiaodao/article/details/135872522

场景

修改前端Element组件el-tree样式

实现

1.虚线树

<div class="tree-wrap tree-line">
	<el-tree
		ref="tree"
		:expand-on-click-node="false"
		default-expand-all
		:data="dataTree"
		:props="defaultProps"
		node-key="id"
		highlight-current
		@node-click="treeNodeClick"
	/>
</div>
let dataTree = [{
   
	id:'1',
	label:'XXXXX作战子信息',
	children:[{
   
		id:'2',
		label:'XX',
	},{
   
		id:'3',
		label:'XX',
	},{
   
		id:'4',
		label:'XXI',
	}