Skip to content

Commit 6a2a90e

Browse files
committed
to 1.2.0
1 parent 4c95cb3 commit 6a2a90e

File tree

11 files changed

+3573
-3473
lines changed

11 files changed

+3573
-3473
lines changed

README.md

Lines changed: 19 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -13,13 +13,12 @@
1313
不止这些,
1414

1515
- 增删改事件支持
16+
- 可选的增删改功能
1617
- 复选框显示可选
1718
- 初始化勾选
1819
- 可选的按钮图标
19-
- 支持双击添加子节点
2020
- 父节点半选状态
2121
- 自定义显示字段
22-
- 增、删、改显示可选
2322
- ...
2423

2524

@@ -38,14 +37,17 @@ npm install vue-simple-tree --sve-dev
3837
## 数据格式
3938

4039
`tree.json`
40+
> `id`必要字段,且只能以`id`表示
41+
42+
> `name`必要字段,默认`name`,如要自定义如`display_name`,在`options`里定义`itemName:'display_name'`
43+
44+
> `children`非必要,如果有以数组表示
45+
4146
```json
4247
{
4348
"data": {
44-
// id,必须字段,且字段名只能是id
4549
"id": "1",
46-
// name,必须字段,字段名可任意如display_name,如不是默认name须在options.itemName设置
4750
"name": "Root",
48-
// children,非必需,如果有以数组出现
4951
"children": [
5052
{
5153
"id": "2",
@@ -183,22 +185,21 @@ options: {
183185
184186
## 事件
185187
186-
`add-a-child`、 `item-edit` 、`item-delete` 分别为添加子节点、编辑节点、删除节点事件。
188+
`item-click`、`add-a-child`、 `item-edit` 、`item-delete` 分别为点击节点、添加子节点、编辑节点、删除节点事件。
187189
188-
这3个事件唯一做的就是传递当前id到监听器,`增`、`删`、`改`操作在自定义的监听方法里处理后更新`treeData`并传递到视图。
190+
这些事件绑定了操作id到监听器
189191
190192
## 监听器
191193
192194
如果需要,你可以选择绑定这些事件的其中一个或多个。
193195
194-
> 注意:叶子节点双击事件也会触发`add-a-child`
195-
196196
```html
197197
<vue-tree
198-
:tree-data="treeData"
199-
:options="options"
200-
@add-a-child="addAChild"
201-
@item-edit="itemEdit"
198+
:tree-data="treeData"
199+
:options="options"
200+
@add-a-child="addAChild"
201+
@item-click="itemClick"
202+
@item-edit="itemEdit"
202203
@item-delete="itemDelete">
203204
</vue-tree>
204205
```
@@ -210,6 +211,9 @@ methods: {
210211
addAChild(id) {
211212
console.log('点击了添加子节点按钮,父节点ID[' + id + ']')
212213
},
214+
itemClick(id) {
215+
console.log('点击了节点,节点ID[' + id + ']')
216+
},
213217
itemEdit(id) {
214218
console.log('点击了编辑按钮,节点ID[' + id + ']')
215219
},
@@ -232,14 +236,14 @@ methods: {
232236

233237
`.vue-tree .item-wrapper .item-btn`
234238

239+
`.vue-tree .item-wrapper .item-btn .add-btn`
240+
235241
`.vue-tree .item-wrapper .item-btn .edit-btn`
236242

237243
`.vue-tree .item-wrapper .item-btn .delete-btn`
238244

239245
`.vue-tree-list`
240246

241-
`.vue-tree-list .tree-add`
242-
243247
## License
244248

245249
[MIT](https://github.com/jiaxincui/vue-tree/blob/master/LICENSE.md) © [JiaxinCui](https://github.com/jiaxincui)

dist/static/css/app.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/static/js/app.js

Lines changed: 173 additions & 157 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/static/js/app.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/static/js/manifest.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)