Tree 树形控件
用清晰的层级结构展示信息,可展开或折叠。
基础用法
通过 data 属性传入树形数据。
一级 1
一级 2
一级 3
可选择与勾选
设置 show-checkbox 属性开启复选框功能。
自定义节点内容
通过默认插槽自定义节点内容。
节点一
节点二
虚拟滚动
通过 virtual 属性启用虚拟滚动,适合大数据量树形结构(1000+ 节点),大幅减少 DOM 节点数量,提升渲染性能。
⚠️ 虚拟滚动模式下,树节点高度固定为 32px,请确保节点内容不会超出此高度。
Node 0
Node 1
Node 2
Node 3
Node 4
Node 5
Node 6
Node 7
Node 8
Node 9
Node 10
Node 11
Node 12
Node 13
Node 14
Node 15
Node 16
Node 17
Node 18
Node 19
Node 20
Node 21
Node 22
Node 23
Node 24
Node 25
Node 26
Node 27
Node 28
Node 29
Node 30
Node 31
Node 32
Node 33
Node 34
Node 35
Node 36
Node 37
Node 38
Node 39
Node 40
Node 41
Node 42
Node 43
Node 44
Node 45
Node 46
Node 47
Node 48
Node 49
Node 50
Node 51
Node 52
Node 53
Node 54
Node 55
Node 56
Node 57
Node 58
Node 59
Node 60
Node 61
Node 62
Node 63
Node 64
Node 65
Node 66
Node 67
Node 68
Node 69
Node 70
Node 71
Node 72
Node 73
Node 74
Node 75
Node 76
Node 77
Node 78
Node 79
Node 80
Node 81
Node 82
Node 83
Node 84
Node 85
Node 86
Node 87
Node 88
Node 89
Node 90
Node 91
Node 92
Node 93
Node 94
Node 95
Node 96
Node 97
Node 98
Node 99
Node 100
Node 101
Node 102
Node 103
Node 104
Node 105
Node 106
Node 107
Node 108
Node 109
Node 110
Node 111
Node 112
Node 113
Node 114
Node 115
Node 116
Node 117
Node 118
Node 119
Node 120
Node 121
Node 122
Node 123
Node 124
Node 125
Node 126
Node 127
Node 128
Node 129
Node 130
Node 131
Node 132
Node 133
Node 134
Node 135
Node 136
Node 137
Node 138
Node 139
Node 140
Node 141
Node 142
Node 143
Node 144
Node 145
Node 146
Node 147
Node 148
Node 149
Node 150
Node 151
Node 152
Node 153
Node 154
Node 155
Node 156
Node 157
Node 158
Node 159
Node 160
Node 161
Node 162
Node 163
Node 164
Node 165
Node 166
Node 167
Node 168
Node 169
Node 170
Node 171
Node 172
Node 173
Node 174
Node 175
Node 176
Node 177
Node 178
Node 179
Node 180
Node 181
Node 182
Node 183
Node 184
Node 185
Node 186
Node 187
Node 188
Node 189
Node 190
Node 191
Node 192
Node 193
Node 194
Node 195
Node 196
Node 197
Node 198
Node 199
Node 200
Node 201
Node 202
Node 203
Node 204
Node 205
Node 206
Node 207
Node 208
Node 209
Node 210
Node 211
Node 212
Node 213
Node 214
Node 215
Node 216
Node 217
Node 218
Node 219
Node 220
Node 221
Node 222
Node 223
Node 224
Node 225
Node 226
Node 227
Node 228
Node 229
Node 230
Node 231
Node 232
Node 233
Node 234
Node 235
Node 236
Node 237
Node 238
Node 239
Node 240
Node 241
Node 242
Node 243
Node 244
Node 245
Node 246
Node 247
Node 248
Node 249
Node 250
Node 251
Node 252
Node 253
Node 254
Node 255
Node 256
Node 257
Node 258
Node 259
Node 260
Node 261
Node 262
Node 263
Node 264
Node 265
Node 266
Node 267
Node 268
Node 269
Node 270
Node 271
Node 272
Node 273
Node 274
Node 275
Node 276
Node 277
Node 278
Node 279
Node 280
Node 281
Node 282
Node 283
Node 284
Node 285
Node 286
Node 287
Node 288
Node 289
Node 290
Node 291
Node 292
Node 293
Node 294
Node 295
Node 296
Node 297
Node 298
Node 299
Node 300
Node 301
Node 302
Node 303
Node 304
Node 305
Node 306
Node 307
Node 308
Node 309
Node 310
Node 311
Node 312
Node 313
Node 314
Node 315
Node 316
Node 317
Node 318
Node 319
Node 320
Node 321
Node 322
Node 323
Node 324
Node 325
Node 326
Node 327
Node 328
Node 329
Node 330
Node 331
Node 332
Node 333
Node 334
Node 335
Node 336
Node 337
Node 338
Node 339
Node 340
Node 341
Node 342
Node 343
Node 344
Node 345
Node 346
Node 347
Node 348
Node 349
Node 350
Node 351
Node 352
Node 353
Node 354
Node 355
Node 356
Node 357
Node 358
Node 359
Node 360
Node 361
Node 362
Node 363
Node 364
Node 365
Node 366
Node 367
Node 368
Node 369
Node 370
Node 371
Node 372
Node 373
Node 374
Node 375
Node 376
Node 377
Node 378
Node 379
Node 380
Node 381
Node 382
Node 383
Node 384
Node 385
Node 386
Node 387
Node 388
Node 389
Node 390
Node 391
Node 392
Node 393
Node 394
Node 395
Node 396
Node 397
Node 398
Node 399
Node 400
Node 401
Node 402
Node 403
Node 404
Node 405
Node 406
Node 407
Node 408
Node 409
Node 410
Node 411
Node 412
Node 413
Node 414
Node 415
Node 416
Node 417
Node 418
Node 419
Node 420
Node 421
Node 422
Node 423
Node 424
Node 425
Node 426
Node 427
Node 428
Node 429
Node 430
Node 431
Node 432
Node 433
Node 434
Node 435
Node 436
Node 437
Node 438
Node 439
Node 440
Node 441
Node 442
Node 443
Node 444
Node 445
Node 446
Node 447
Node 448
Node 449
Node 450
Node 451
Node 452
Node 453
Node 454
Node 455
Node 456
Node 457
Node 458
Node 459
Node 460
Node 461
Node 462
Node 463
Node 464
Node 465
Node 466
Node 467
Node 468
Node 469
Node 470
Node 471
Node 472
Node 473
Node 474
Node 475
Node 476
Node 477
Node 478
Node 479
Node 480
Node 481
Node 482
Node 483
Node 484
Node 485
Node 486
Node 487
Node 488
Node 489
Node 490
Node 491
Node 492
Node 493
Node 494
Node 495
Node 496
Node 497
Node 498
Node 499
Node 500
Node 501
Node 502
Node 503
Node 504
Node 505
Node 506
Node 507
Node 508
Node 509
Node 510
Node 511
Node 512
Node 513
Node 514
Node 515
Node 516
Node 517
Node 518
Node 519
Node 520
Node 521
Node 522
Node 523
Node 524
Node 525
Node 526
Node 527
Node 528
Node 529
Node 530
Node 531
Node 532
Node 533
Node 534
Node 535
Node 536
Node 537
Node 538
Node 539
Node 540
Node 541
Node 542
Node 543
Node 544
Node 545
Node 546
Node 547
Node 548
Node 549
Node 550
Node 551
Node 552
Node 553
Node 554
Node 555
Node 556
Node 557
Node 558
Node 559
Node 560
Node 561
Node 562
Node 563
Node 564
Node 565
Node 566
Node 567
Node 568
Node 569
Node 570
Node 571
Node 572
Node 573
Node 574
Node 575
Node 576
Node 577
Node 578
Node 579
Node 580
Node 581
Node 582
Node 583
Node 584
Node 585
Node 586
Node 587
Node 588
Node 589
Node 590
Node 591
Node 592
Node 593
Node 594
Node 595
Node 596
Node 597
Node 598
Node 599
Node 600
Node 601
Node 602
Node 603
Node 604
Node 605
Node 606
Node 607
Node 608
Node 609
Node 610
Node 611
Node 612
Node 613
Node 614
Node 615
Node 616
Node 617
Node 618
Node 619
Node 620
Node 621
Node 622
Node 623
Node 624
Node 625
Node 626
Node 627
Node 628
Node 629
Node 630
Node 631
Node 632
Node 633
Node 634
Node 635
Node 636
Node 637
Node 638
Node 639
Node 640
Node 641
Node 642
Node 643
Node 644
Node 645
Node 646
Node 647
Node 648
Node 649
Node 650
Node 651
Node 652
Node 653
Node 654
Node 655
Node 656
Node 657
Node 658
Node 659
Node 660
Node 661
Node 662
Node 663
Node 664
Node 665
Node 666
Node 667
Node 668
Node 669
Node 670
Node 671
Node 672
Node 673
Node 674
Node 675
Node 676
Node 677
Node 678
Node 679
Node 680
Node 681
Node 682
Node 683
Node 684
Node 685
Node 686
Node 687
Node 688
Node 689
Node 690
Node 691
Node 692
Node 693
Node 694
Node 695
Node 696
Node 697
Node 698
Node 699
Node 700
Node 701
Node 702
Node 703
Node 704
Node 705
Node 706
Node 707
Node 708
Node 709
Node 710
Node 711
Node 712
Node 713
Node 714
Node 715
Node 716
Node 717
Node 718
Node 719
Node 720
Node 721
Node 722
Node 723
Node 724
Node 725
Node 726
Node 727
Node 728
Node 729
Node 730
Node 731
Node 732
Node 733
Node 734
Node 735
Node 736
Node 737
Node 738
Node 739
Node 740
Node 741
Node 742
Node 743
Node 744
Node 745
Node 746
Node 747
Node 748
Node 749
Node 750
Node 751
Node 752
Node 753
Node 754
Node 755
Node 756
Node 757
Node 758
Node 759
Node 760
Node 761
Node 762
Node 763
Node 764
Node 765
Node 766
Node 767
Node 768
Node 769
Node 770
Node 771
Node 772
Node 773
Node 774
Node 775
Node 776
Node 777
Node 778
Node 779
Node 780
Node 781
Node 782
Node 783
Node 784
Node 785
Node 786
Node 787
Node 788
Node 789
Node 790
Node 791
Node 792
Node 793
Node 794
Node 795
Node 796
Node 797
Node 798
Node 799
Node 800
Node 801
Node 802
Node 803
Node 804
Node 805
Node 806
Node 807
Node 808
Node 809
Node 810
Node 811
Node 812
Node 813
Node 814
Node 815
Node 816
Node 817
Node 818
Node 819
Node 820
Node 821
Node 822
Node 823
Node 824
Node 825
Node 826
Node 827
Node 828
Node 829
Node 830
Node 831
Node 832
Node 833
Node 834
Node 835
Node 836
Node 837
Node 838
Node 839
Node 840
Node 841
Node 842
Node 843
Node 844
Node 845
Node 846
Node 847
Node 848
Node 849
Node 850
Node 851
Node 852
Node 853
Node 854
Node 855
Node 856
Node 857
Node 858
Node 859
Node 860
Node 861
Node 862
Node 863
Node 864
Node 865
Node 866
Node 867
Node 868
Node 869
Node 870
Node 871
Node 872
Node 873
Node 874
Node 875
Node 876
Node 877
Node 878
Node 879
Node 880
Node 881
Node 882
Node 883
Node 884
Node 885
Node 886
Node 887
Node 888
Node 889
Node 890
Node 891
Node 892
Node 893
Node 894
Node 895
Node 896
Node 897
Node 898
Node 899
Node 900
Node 901
Node 902
Node 903
Node 904
Node 905
Node 906
Node 907
Node 908
Node 909
Node 910
Node 911
Node 912
Node 913
Node 914
Node 915
Node 916
Node 917
Node 918
Node 919
Node 920
Node 921
Node 922
Node 923
Node 924
Node 925
Node 926
Node 927
Node 928
Node 929
Node 930
Node 931
Node 932
Node 933
Node 934
Node 935
Node 936
Node 937
Node 938
Node 939
Node 940
Node 941
Node 942
Node 943
Node 944
Node 945
Node 946
Node 947
Node 948
Node 949
Node 950
Node 951
Node 952
Node 953
Node 954
Node 955
Node 956
Node 957
Node 958
Node 959
Node 960
Node 961
Node 962
Node 963
Node 964
Node 965
Node 966
Node 967
Node 968
Node 969
Node 970
Node 971
Node 972
Node 973
Node 974
Node 975
Node 976
Node 977
Node 978
Node 979
Node 980
Node 981
Node 982
Node 983
Node 984
Node 985
Node 986
Node 987
Node 988
Node 989
Node 990
Node 991
Node 992
Node 993
Node 994
Node 995
Node 996
Node 997
Node 998
Node 999
Node 1000
Node 1001
Node 1002
Node 1003
Node 1004
Node 1005
Node 1006
Node 1007
Node 1008
Node 1009
Node 1010
Node 1011
Node 1012
Node 1013
Node 1014
Node 1015
Node 1016
Node 1017
Node 1018
Node 1019
Node 1020
Node 1021
Node 1022
Node 1023
Node 1024
Node 1025
Node 1026
Node 1027
Node 1028
Node 1029
Node 1030
Node 1031
Node 1032
Node 1033
Node 1034
Node 1035
Node 1036
Node 1037
Node 1038
Node 1039
Node 1040
Node 1041
Node 1042
Node 1043
Node 1044
Node 1045
Node 1046
Node 1047
Node 1048
Node 1049
Node 1050
Node 1051
Node 1052
Node 1053
Node 1054
Node 1055
Node 1056
Node 1057
Node 1058
Node 1059
Node 1060
Node 1061
Node 1062
Node 1063
Node 1064
Node 1065
Node 1066
Node 1067
Node 1068
Node 1069
Node 1070
Node 1071
Node 1072
Node 1073
Node 1074
Node 1075
Node 1076
Node 1077
Node 1078
Node 1079
Node 1080
Node 1081
Node 1082
Node 1083
Node 1084
Node 1085
Node 1086
Node 1087
Node 1088
Node 1089
Node 1090
Node 1091
Node 1092
Node 1093
Node 1094
Node 1095
Node 1096
Node 1097
Node 1098
Node 1099
Node 1100
Node 1101
Node 1102
Node 1103
Node 1104
Node 1105
Node 1106
Node 1107
Node 1108
Node 1109
Node 1110
Node 1111
Node 1112
Node 1113
Node 1114
Node 1115
Node 1116
Node 1117
Node 1118
Node 1119
Node 1120
Node 1121
Node 1122
Node 1123
Node 1124
Node 1125
Node 1126
Node 1127
Node 1128
Node 1129
Node 1130
Node 1131
Node 1132
Node 1133
Node 1134
Node 1135
Node 1136
Node 1137
Node 1138
Node 1139
Node 1140
Node 1141
Node 1142
Node 1143
Node 1144
Node 1145
Node 1146
Node 1147
Node 1148
Node 1149
Node 1150
Node 1151
Node 1152
Node 1153
Node 1154
Node 1155
Node 1156
Node 1157
Node 1158
Node 1159
Node 1160
Node 1161
Node 1162
Node 1163
Node 1164
Node 1165
Node 1166
Node 1167
Node 1168
Node 1169
Node 1170
Node 1171
Node 1172
Node 1173
Node 1174
Node 1175
Node 1176
Node 1177
Node 1178
Node 1179
Node 1180
Node 1181
Node 1182
Node 1183
Node 1184
Node 1185
Node 1186
Node 1187
Node 1188
Node 1189
Node 1190
Node 1191
Node 1192
Node 1193
Node 1194
Node 1195
Node 1196
Node 1197
Node 1198
Node 1199
Node 1200
Node 1201
Node 1202
Node 1203
Node 1204
Node 1205
Node 1206
Node 1207
Node 1208
Node 1209
Node 1210
Node 1211
Node 1212
Node 1213
Node 1214
Node 1215
Node 1216
Node 1217
Node 1218
Node 1219
Node 1220
Node 1221
Node 1222
Node 1223
Node 1224
Node 1225
Node 1226
Node 1227
Node 1228
Node 1229
Node 1230
Node 1231
Node 1232
Node 1233
Node 1234
Node 1235
Node 1236
Node 1237
Node 1238
Node 1239
Node 1240
Node 1241
Node 1242
Node 1243
Node 1244
Node 1245
Node 1246
Node 1247
Node 1248
Node 1249
Node 1250
Node 1251
Node 1252
Node 1253
Node 1254
Node 1255
Node 1256
Node 1257
Node 1258
Node 1259
Node 1260
Node 1261
Node 1262
Node 1263
Node 1264
Node 1265
Node 1266
Node 1267
Node 1268
Node 1269
Node 1270
Node 1271
Node 1272
Node 1273
Node 1274
Node 1275
Node 1276
Node 1277
Node 1278
Node 1279
Node 1280
Node 1281
Node 1282
Node 1283
Node 1284
Node 1285
Node 1286
Node 1287
Node 1288
Node 1289
Node 1290
Node 1291
Node 1292
Node 1293
Node 1294
Node 1295
Node 1296
Node 1297
Node 1298
Node 1299
Node 1300
Node 1301
Node 1302
Node 1303
Node 1304
Node 1305
Node 1306
Node 1307
Node 1308
Node 1309
Node 1310
Node 1311
Node 1312
Node 1313
Node 1314
Node 1315
Node 1316
Node 1317
Node 1318
Node 1319
Node 1320
Node 1321
Node 1322
Node 1323
Node 1324
Node 1325
Node 1326
Node 1327
Node 1328
Node 1329
Node 1330
Node 1331
Node 1332
Node 1333
Node 1334
Node 1335
Node 1336
Node 1337
Node 1338
Node 1339
Node 1340
Node 1341
Node 1342
Node 1343
Node 1344
Node 1345
Node 1346
Node 1347
Node 1348
Node 1349
Node 1350
Node 1351
Node 1352
Node 1353
Node 1354
Node 1355
Node 1356
Node 1357
Node 1358
Node 1359
Node 1360
Node 1361
Node 1362
Node 1363
Node 1364
Node 1365
Node 1366
Node 1367
Node 1368
Node 1369
Node 1370
Node 1371
Node 1372
Node 1373
Node 1374
Node 1375
Node 1376
Node 1377
Node 1378
Node 1379
Node 1380
Node 1381
Node 1382
Node 1383
Node 1384
Node 1385
Node 1386
Node 1387
Node 1388
Node 1389
Node 1390
Node 1391
Node 1392
Node 1393
Node 1394
Node 1395
Node 1396
Node 1397
Node 1398
Node 1399
Node 1400
Node 1401
Node 1402
Node 1403
Node 1404
Node 1405
Node 1406
Node 1407
Node 1408
Node 1409
Node 1410
Node 1411
Node 1412
Node 1413
Node 1414
Node 1415
Node 1416
Node 1417
Node 1418
Node 1419
Node 1420
Node 1421
Node 1422
Node 1423
Node 1424
Node 1425
Node 1426
Node 1427
Node 1428
Node 1429
Node 1430
Node 1431
Node 1432
Node 1433
Node 1434
Node 1435
Node 1436
Node 1437
Node 1438
Node 1439
Node 1440
Node 1441
Node 1442
Node 1443
Node 1444
Node 1445
Node 1446
Node 1447
Node 1448
Node 1449
Node 1450
Node 1451
Node 1452
Node 1453
Node 1454
Node 1455
Node 1456
Node 1457
Node 1458
Node 1459
Node 1460
Node 1461
Node 1462
Node 1463
Node 1464
Node 1465
Node 1466
Node 1467
Node 1468
Node 1469
Node 1470
Node 1471
Node 1472
Node 1473
Node 1474
Node 1475
Node 1476
Node 1477
Node 1478
Node 1479
Node 1480
Node 1481
Node 1482
Node 1483
Node 1484
Node 1485
Node 1486
Node 1487
Node 1488
Node 1489
Node 1490
Node 1491
Node 1492
Node 1493
Node 1494
Node 1495
Node 1496
Node 1497
Node 1498
Node 1499
Node 1500
Node 1501
Node 1502
Node 1503
Node 1504
Node 1505
Node 1506
Node 1507
Node 1508
Node 1509
Node 1510
Node 1511
Node 1512
Node 1513
Node 1514
Node 1515
Node 1516
Node 1517
Node 1518
Node 1519
Node 1520
Node 1521
Node 1522
Node 1523
Node 1524
Node 1525
Node 1526
Node 1527
Node 1528
Node 1529
Node 1530
Node 1531
Node 1532
Node 1533
Node 1534
Node 1535
Node 1536
Node 1537
Node 1538
Node 1539
Node 1540
Node 1541
Node 1542
Node 1543
Node 1544
Node 1545
Node 1546
Node 1547
Node 1548
Node 1549
Node 1550
Node 1551
Node 1552
Node 1553
Node 1554
Node 1555
Node 1556
Node 1557
Node 1558
Node 1559
Node 1560
Node 1561
Node 1562
Node 1563
Node 1564
Node 1565
Node 1566
Node 1567
Node 1568
Node 1569
Node 1570
Node 1571
Node 1572
Node 1573
Node 1574
Node 1575
Node 1576
Node 1577
Node 1578
Node 1579
Node 1580
Node 1581
Node 1582
Node 1583
Node 1584
Node 1585
Node 1586
Node 1587
Node 1588
Node 1589
Node 1590
Node 1591
Node 1592
Node 1593
Node 1594
Node 1595
Node 1596
Node 1597
Node 1598
Node 1599
Node 1600
Node 1601
Node 1602
Node 1603
Node 1604
Node 1605
Node 1606
Node 1607
Node 1608
Node 1609
Node 1610
Node 1611
Node 1612
Node 1613
Node 1614
Node 1615
Node 1616
Node 1617
Node 1618
Node 1619
Node 1620
Node 1621
Node 1622
Node 1623
Node 1624
Node 1625
Node 1626
Node 1627
Node 1628
Node 1629
Node 1630
Node 1631
Node 1632
Node 1633
Node 1634
Node 1635
Node 1636
Node 1637
Node 1638
Node 1639
Node 1640
Node 1641
Node 1642
Node 1643
Node 1644
Node 1645
Node 1646
Node 1647
Node 1648
Node 1649
Node 1650
Node 1651
Node 1652
Node 1653
Node 1654
Node 1655
Node 1656
Node 1657
Node 1658
Node 1659
Node 1660
Node 1661
Node 1662
Node 1663
Node 1664
Node 1665
Node 1666
Node 1667
Node 1668
Node 1669
Node 1670
Node 1671
Node 1672
Node 1673
Node 1674
Node 1675
Node 1676
Node 1677
Node 1678
Node 1679
Node 1680
Node 1681
Node 1682
Node 1683
Node 1684
Node 1685
Node 1686
Node 1687
Node 1688
Node 1689
Node 1690
Node 1691
Node 1692
Node 1693
Node 1694
Node 1695
Node 1696
Node 1697
Node 1698
Node 1699
Node 1700
Node 1701
Node 1702
Node 1703
Node 1704
Node 1705
Node 1706
Node 1707
Node 1708
Node 1709
Node 1710
Node 1711
Node 1712
Node 1713
Node 1714
Node 1715
Node 1716
Node 1717
Node 1718
Node 1719
Node 1720
Node 1721
Node 1722
Node 1723
Node 1724
Node 1725
Node 1726
Node 1727
Node 1728
Node 1729
Node 1730
Node 1731
Node 1732
Node 1733
Node 1734
Node 1735
Node 1736
Node 1737
Node 1738
Node 1739
Node 1740
Node 1741
Node 1742
Node 1743
Node 1744
Node 1745
Node 1746
Node 1747
Node 1748
Node 1749
Node 1750
Node 1751
Node 1752
Node 1753
Node 1754
Node 1755
Node 1756
Node 1757
Node 1758
Node 1759
Node 1760
Node 1761
Node 1762
Node 1763
Node 1764
Node 1765
Node 1766
Node 1767
Node 1768
Node 1769
Node 1770
Node 1771
Node 1772
Node 1773
Node 1774
Node 1775
Node 1776
Node 1777
Node 1778
Node 1779
Node 1780
Node 1781
Node 1782
Node 1783
Node 1784
Node 1785
Node 1786
Node 1787
Node 1788
Node 1789
Node 1790
Node 1791
Node 1792
Node 1793
Node 1794
Node 1795
Node 1796
Node 1797
Node 1798
Node 1799
Node 1800
Node 1801
Node 1802
Node 1803
Node 1804
Node 1805
Node 1806
Node 1807
Node 1808
Node 1809
Node 1810
Node 1811
Node 1812
Node 1813
Node 1814
Node 1815
Node 1816
Node 1817
Node 1818
Node 1819
Node 1820
Node 1821
Node 1822
Node 1823
Node 1824
Node 1825
Node 1826
Node 1827
Node 1828
Node 1829
Node 1830
Node 1831
Node 1832
Node 1833
Node 1834
Node 1835
Node 1836
Node 1837
Node 1838
Node 1839
Node 1840
Node 1841
Node 1842
Node 1843
Node 1844
Node 1845
Node 1846
Node 1847
Node 1848
Node 1849
Node 1850
Node 1851
Node 1852
Node 1853
Node 1854
Node 1855
Node 1856
Node 1857
Node 1858
Node 1859
Node 1860
Node 1861
Node 1862
Node 1863
Node 1864
Node 1865
Node 1866
Node 1867
Node 1868
Node 1869
Node 1870
Node 1871
Node 1872
Node 1873
Node 1874
Node 1875
Node 1876
Node 1877
Node 1878
Node 1879
Node 1880
Node 1881
Node 1882
Node 1883
Node 1884
Node 1885
Node 1886
Node 1887
Node 1888
Node 1889
Node 1890
Node 1891
Node 1892
Node 1893
Node 1894
Node 1895
Node 1896
Node 1897
Node 1898
Node 1899
Node 1900
Node 1901
Node 1902
Node 1903
Node 1904
Node 1905
Node 1906
Node 1907
Node 1908
Node 1909
Node 1910
Node 1911
Node 1912
Node 1913
Node 1914
Node 1915
Node 1916
Node 1917
Node 1918
Node 1919
Node 1920
Node 1921
Node 1922
Node 1923
Node 1924
Node 1925
Node 1926
Node 1927
Node 1928
Node 1929
Node 1930
Node 1931
Node 1932
Node 1933
Node 1934
Node 1935
Node 1936
Node 1937
Node 1938
Node 1939
Node 1940
Node 1941
Node 1942
Node 1943
Node 1944
Node 1945
Node 1946
Node 1947
Node 1948
Node 1949
Node 1950
Node 1951
Node 1952
Node 1953
Node 1954
Node 1955
Node 1956
Node 1957
Node 1958
Node 1959
Node 1960
Node 1961
Node 1962
Node 1963
Node 1964
Node 1965
Node 1966
Node 1967
Node 1968
Node 1969
Node 1970
Node 1971
Node 1972
Node 1973
Node 1974
Node 1975
Node 1976
Node 1977
Node 1978
Node 1979
Node 1980
Node 1981
Node 1982
Node 1983
Node 1984
Node 1985
Node 1986
Node 1987
Node 1988
Node 1989
Node 1990
Node 1991
Node 1992
Node 1993
Node 1994
Node 1995
Node 1996
Node 1997
Node 1998
Node 1999
Tree API
Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
data | 树形数据 | TreeNodeData[] | [] |
checkedKeys | 勾选节点的 key 数组 (v-model:checkedKeys) | (string | number)[] | [] |
expandedKeys | 展开节点的 key 数组 (v-model:expandedKeys) | (string | number)[] | [] |
modelValue | 当前选中节点 key (v-model) | string | number | undefined |
showCheckbox | 是否显示复选框 | boolean | false |
checkStrictly | 是否取消父子关联 | boolean | false |
defaultExpandAll | 是否默认展开所有节点 | boolean | false |
defaultExpandedKeys | 默认展开的节点 key 数组 | (string | number)[] | [] |
accordion | 是否每次只展开一个同级节点 | boolean | false |
expandOnClickNode | 是否在点击节点时展开/收缩 | boolean | true |
lazy | 是否懒加载子节点 | boolean | false |
load | 加载子树的函数 | (node: TreeNodeData, callback: Function) => void | undefined |
filterValue | 过滤关键词 | string | '' |
highlightCurrent | 是否高亮当前节点 | boolean | true |
showLine | 是否显示连接线 | boolean | false |
indent | 相邻级节点间的水平缩进(px) | number | 16 |
props | 字段映射配置 | object | {} |
emptyText | 内容为空时展示的文本 | string | 'No data' |
draggable | 是否开启拖拽 | boolean | false |
nodeClass | 自定义节点类名 | string | Function | '' |
virtual | 是否启用虚拟滚动(适合 1000+ 节点) | boolean | false |
Events
| 事件名 | 说明 | 回调参数 |
|---|---|---|
node-click | 节点被点击时触发 | (data: TreeNodeData) |
check | 勾选状态变化时触发 | (data: TreeNodeData, checked: boolean) |
node-expand | 节点展开/收缩时触发 | (data: TreeNodeData, expanded: boolean) |
Slots
| 插槽名 | 说明 |
|---|---|
default | 自定义节点内容 |