Install with npm:
npm install vxe-tree
Import in your project:
import vxeTree from 'vxe-tree';
//import the styles
import 'vxe-tree/dist/index.css';
Vue.use(vxeTree);Add .d.ts file:
declare module 'vxe-tree'Example tree with check and edit
- Lazy-loading
- Checkbox selection
- Disabled and Default state
- Custom icons
- Search filtering
- Virtual scrolling
- Drag and drop functionality
- Action buttons
Please refer to the documentation for specific usage
After introducing the default styles, introduce your own styles
:root {
--vxe-brand: red; //checkBox style
--vxe-list-item-selected-bg: blue; //selected style
--vxe-list-item-hover-bg: yellow; //hover style
}MIT License © 2023 mengqiuleo