elementPlus树状组件默认选中

最新推荐文章于 2024-04-17 16:07:00 发布

前端小葛

最新推荐文章于 2024-04-17 16:07:00 发布

阅读量2.2k

点赞数

分类专栏：技术分享个人学习文章标签： vue.js 前端 javascript elementui

本文链接：https://blog.csdn.net/weixin_61570458/article/details/128238360

版权

技术分享同时被 2 个专栏收录

26 篇文章 0 订阅

订阅专栏

个人学习

26 篇文章 0 订阅

订阅专栏

<template>
  <el-tree
    :data="data"
    :props="defaultProps"
    @node-click="handleNodeClick"
    highlight-current
    node-key="id"
    current-node-key="1"
  />
</template>

<script lang="ts" setup>
interface Tree {
  label: string;
  children?: Tree[];
  id?: string;
}

const handleNodeClick = (data: Tree) => {
  console.log(data);
};

const data: Tree[] = [
  {
    label: "Level one 1",
    id: "1",
  },
  {
    label: "Level one 2",
    id: "2",
  },
  {
    label: "Level one 3",
    id: "3",
  },
];

const defaultProps = {
  children: "children",
  label: "label",
  id: "id",
};
</script>

node-key="id"是唯一标识

current-node-key="1"是当前选中，可以用来设置默认选中