Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Commit c9e9ebf

Browse files
feat: update README
1 parent 63e29b2 commit c9e9ebf

File tree

1 file changed

+35
-0
lines changed

1 file changed

+35
-0
lines changed

‎README.md

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,41 @@
55
npm install light-vue-tree
66
```
77

8+
```js
9+
<template>
10+
<div class="base">
11+
<VueTree
12+
ref="tree1"
13+
draggable
14+
:treeData="treeData"
15+
@on-drop="dropNode"
16+
@on-selected-change="clickNode"
17+
/>
18+
</div>
19+
</template>
20+
<script>
21+
import { treeData } from '../../assets/treeData'
22+
export default {
23+
name: 'Base',
24+
data () {
25+
return {
26+
treeData
27+
}
28+
},
29+
methods: {
30+
dropNode({ parentNode, targetNode, callback }) {
31+
console.log("dropNode", parentNode, targetNode);
32+
callback(targetNode);
33+
},
34+
clickNode (node) {
35+
console.log('clickNode', node)
36+
}
37+
}
38+
}
39+
</script>
40+
41+
```
42+
843

944
## Advantages
1045
* Simple and very easy to use.

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /