Element Tree树形控件开发小记

Element Tree树形控件相信大家都用的很多了， 这里只做一些部分的备忘使用, 用Element官网的(自定义节点内容)举例,

 

 如图中所示， 在树中的每一个节点都可以自定义按钮或图标,   开发中的业务需求，只需要在第二级的父节点上有按钮，我们来

看看官网的源码示例

 这个时候，我们可以从数据源入手，增加自定义的字段，然后在渲染的时候，加上判断条件，来达到我们想要的效果,

 在树里面的按钮只需要加一个条件就行  v-if="data.isShwo==true"

<el-button type="text"  v-if="data.isShwo==true"  size="mini" @click="() => append(data)"> Append </el-button>

其他的内容官网都说的很详细，对了，给选中的数据时,需要在树染渲完成，否则会报错,或者加个延迟

setTimeout(function () { // tree没渲染出来时报错,延迟给予选中数据

this.$refs.tree.setCheckedKeys(this.checkId)

}, 1000)