element-plus-tree

Provides el-tree API reference for Vue developers including props, events, and slots.

7|Updated Mar 31, 2026
One-click install
npx skills add https://github.com/wepn13232/element-plus-skills --skill element-plus-tree
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: element-plus-tree
Source: https://github.com/wepn13232/element-plus-skills/tree/main/tree
Command: npx skills add https://github.com/wepn13232/element-plus-skills --skill element-plus-tree

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the challenge of remembering and locating the exhaustive Element Plus el-tree API when you need to configure tree data, interactions, and visuals quickly without diving into multiple docs.

Core Features & Use Cases

  • Complete attribute reference: Describes every el-tree prop, default, and type so you can set up data, selection, and drag behavior confidently.
  • Event and slot knowledge: Lists all emitted events and slots to help you wire up handlers for clicks, selection changes, and custom node rendering.
  • Use Case: When designing a permissions tree or nested selector, consult this Skill to ensure the right props, check logic, and drag-and-drop handlers are used.

Quick Start

Ask the tree skill to summarize el-tree props and events required for node selection and drag handling.

Frequently Asked Questions about element-plus-tree

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What props do I need for node selection and drag-and-drop in an Element Plus tree?

To configure node selection and drag-and-drop in an Element Plus tree, you need specific el-tree props like draggable, plus node-key for accurate selection tracking. This Skill provides the complete attribute reference, detailing every prop, default, and type needed for data binding and interaction setup.

How do I wire up click handlers and custom rendering for el-tree events and slots?

You wire up click handlers and custom rendering in el-tree by utilizing its emitted events and slot configurations. This Skill lists all available events for selection changes and slots for custom node rendering, ensuring you implement accurate interface interactions.

Can I use el-tree for lazy-loading nested data structures in Vue applications?

Yes, you can use el-tree for lazy-loading nested data structures in Vue applications. This Skill details the lazy-loading configuration and attributes required to dynamically load tree data on demand, ensuring accurate implementation for interface design tasks.

What is the best way to configure a permissions tree using Vue and Element Plus?

The best way to configure a permissions tree using Vue and Element Plus is by consulting the el-tree API reference to ensure the correct props and check logic are applied. This Skill clarifies the exact attributes and events needed for nested selectors and permission structures.

Why does my el-tree component fail to display nested data correctly in Vue?

Your el-tree component may fail to display nested data correctly due to misconfigured data-binding attributes or missing node-key definitions. This Skill provides the official el-tree API documentation to troubleshoot props, defaults, and data structures for accurate rendering.