el-tree的renderContent方法

最新推荐文章于 2024-08-15 11:06:45 发布

皓月当空hy

最新推荐文章于 2024-08-15 11:06:45 发布

阅读量2.7k

点赞数

文章标签： vue.js javascript elementui

本文链接：https://blog.csdn.net/qq_33911541/article/details/132496420

版权

本文介绍了Vue2.x中Render函数的作用，它用于提升节点性能，通过JavaScript构建DOM，避免了Template到虚拟DOM的转换过程。接着详细探讨了虚拟DOM的概念，Vue如何通过VNode描述并改变真实DOM。在讲解ElementUI的el-tree组件时，提到了renderContent方法，并提及了createElement函数及其参数，包括事件修饰符的应用。

摘要由CSDN通过智能技术生成

<el-tree
          id="treeList"
          ref="tree"
          show-checkbox
          node-key="line_id"
          default-expand-all
          :default-checked-keys=lineIdArr
          :check-strictly="false"
          :data="treeData"
          :props="treeProps"
          :expand-on-click-node="false"
          :render-content="renderContent"
          @check-change="getCheckedKeys">
        </el-tree>



el-tree参数说明:
data：展示数据
show-checkbox：节点是否可被选择
node-key：节点ID(每个树节点用来作为唯一标识的属性)
default-expand-all: 是否默认展开所有节点
default-checked-keys：默认选中的节点
check-strictly：在显示复选框的情况下，是否严格的遵循父子“不”互相关联的做法，默认为false
props:{
    label: 指定当前节点标签，做为节点对象的某个属性值
    children：指定子树为节点对象的某个属性值
}
expand-on-click-node：如果为 false，则只有点箭头图标的时候才会展开或者收缩节点。
render-content：树