vue elementui Tree树形控件学习

普通小程序员

已于 2022-11-17 09:46:04 修改

阅读量372

点赞数

分类专栏： Vue 页面开发工具类文章标签： vue.js elementui javascript

于 2022-11-17 09:44:21 首次发布

本文链接：https://blog.csdn.net/qq_41611829/article/details/127897943

版权

<template>
    <div class="area">
        <el-tree
  :data="data"
  :empty-text="空"
  show-checkbox
  default-expand-all
  node-key="id"
  ref="tree" icon-class="el-icon-circle-plus"
  highlight-current 
  :props="defaultProps">
</el-tree>

<div class="buttons">
  <el-button @click="getCheckedNodes">获取半选中的父节点id</el-button>
  <el-button @click="getCheckedNodes">获取选中节点的所有信息</el-button>
  <el-button @click="getCheckedKeys">/获取选中节点的id</el-button>
  <el-button @click="setCheckedNodes">通过 node 设置</el-button>
  <el-button @click="setCheckedKeys">通过 key 设置</el-button>
  <el-button @click="getNode">获取节点</el-button>
  <el-button @click="resetChecked">清空