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: '二级目录',
},
}]