el-tree 的 props 作用

官方文档并未对 el-tree 的 props 属性有实例描述,只是简单描述了 props 对象中四个属性的作用,但并未说明 props 本身的作用。因此自己尝试了一下,发现是用于指定 props 内置四个属性的别名。

举个例子:官方默认 data 数组中节点对象的四个属性名是 label、children、disabled、isLeaf,如果自己使用时不是这四个属性名,可以在 props 属性中提供这四个属性的别名,如下:

// 默认使用相同的属性名
data: [{
  id: '1',
  label: '一级目录',
  children: [
  {
    id: '1.1',
    label: '二级目录',
  },
}]
// 自定义属性名,将 labal 指定为 name,此时,el-tree 组件内部会将 name 属性的值赋予原本的 label 属性,用于显示节点的文本
<el-tree :props={ label: 'name'}></el-tree>

data: [{
  id: '1',
  name: '一级目录',
  children: [
  {
    id: '1.1',
    name: '二级目录',
  },
}]
posted @ 2022-07-02 10:48  CJc_3103  阅读(4691)  评论(0编辑  收藏  举报