elementui树形控件 label怎样显示3个字段

 时间:2024-10-30 20:37:31

1、在已打开的HBuilderX工具中,创建vue项目并打开

elementui树形控件 label怎样显示3个字段

2、在components文件夹下,新建组件SaveData.vue

elementui树形控件 label怎样显示3个字段

3、打开已新建的SaveData.vue文件,插入el-tree控件

elementui树形控件 label怎样显示3个字段

4、在script标签的data对象中,初始化变量data和defaultProps

elementui树形控件 label怎样显示3个字段

5、在el-tree控件下添加一个el-button,并绑定点击事件;在methods中,定义函数buildTree;定义数组并遍历,向data中装载数据

elementui树形控件 label怎样显示3个字段

6、保存代码并运行vue项目,打开浏览器,查看效果

elementui树形控件 label怎样显示3个字段

7、点击构建按钮,这时生成两个节点的树,label标签显示3个字段:name、age和sex

elementui树形控件 label怎样显示3个字段
  • 去纹身要做好什么准备
  • 消防产品3C认证目录产品有哪些?
  • 美的变频p0怎么修
  • 路由器如何桥接天翼网关扩大信号
  • 原神如何增强英雄战斗力?
  • 热门搜索
    西兰花怎么炒才好吃 玉米渣粥的做法 干炸里脊的做法 香椿炒鸡蛋的做法 弗怎么读 生日快乐用英语怎么说 玫瑰花怎么画 呷哺呷哺怎么读 funny怎么读 菠萝蜜怎么剥