vikingowl/vue3-tree-list
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #42 from evillt-bot/master

Browse Source 
chore(readme): format code
This commit is contained in:
ayou
2019-08-30 22:07:09 +08:00
committed by GitHub
parent cf41282fcf a78ff3f904
commit 7e0184f7f5
1 changed files with 24 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
readme.md
View File

@@ -8,30 +8,31 @@ A vue component for tree structure. Support adding treenode/leafnode, editing no
# use # use
``npm install vue-tree-list`` ``npm install vue-tree-list``
```javascript ```html
<template> <template>
<div> <div>
<button @click="addNode">Add Node</button> <button @click="addNode">Add Node</button>
<vue-tree-list <vue-tree-list
@click="onClick" @click="onClick"
@change-name="onChangeName" @change-name="onChangeName"
@delete-node="onDel" @delete-node="onDel"
@add-node="onAddNode" @add-node="onAddNode"
:model="data" :model="data"
default-tree-node-name="new node" default-tree-node-name="new node"
default-leaf-node-name="new leaf" default-leaf-node-name="new leaf"
v-bind:default-expanded="false"> v-bind:default-expanded="false">
<span class="icon" slot="addTreeNode">addTreeNode</span> <span class="icon" slot="addTreeNode">addTreeNode</span>
<span class="icon" slot="addLeafNode">addLeafNode</span> <span class="icon" slot="addLeafNode">addLeafNode</span>
<span class="icon" slot="editNode">editNode</span> <span class="icon" slot="editNode">editNode</span>
<span class="icon" slot="delNode">delNode</span> <span class="icon" slot="delNode">delNode</span>
</vue-tree-list> </vue-tree-list>
<button @click="getNewTree">Get new tree</button> <button @click="getNewTree">Get new tree</button>
<pre> <pre>
{{newTree}} {{newTree}}
</pre> </pre>
</div> </div>
</template> </template>
<script> <script>
import { VueTreeList, Tree, TreeNode } from 'vue-tree-list' import { VueTreeList, Tree, TreeNode } from 'vue-tree-list'
export default { export default {
@@ -124,6 +125,7 @@ A vue component for tree structure. Support adding treenode/leafnode, editing no
} }
} }
</script> </script>
<style lang="less" rel="stylesheet/less"> <style lang="less" rel="stylesheet/less">
.vtl { .vtl {
.vtl-drag-disabled { .vtl-drag-disabled {