- <template>
- <div style="width:300px;">
- <tree ref ='tree' :treeData="treeData" :options="options" @node-click='handleNode'/>
- </div>
- </template>
- <script>
- import Tree from '../components/tree/tree.vue'
- export default {
- name: 'test',
- data () {
- return {
- options: {
- showCheckbox: true,
- search: {
- useInitial: true,
- useEnglish: false,
- customFilter: null
- }
- },
- treeData: [
- {
- id: 1,
- label: '一级节点',
- open: true,
- checked: false,
- parentId: null,
- visible: true,
- searched: false,
- children: [
- {
- id: 2,
- label: '二级节点-1',
- checked: false,
- parentId: 1,
- searched: false,
- visible: true
- },
- {
- label: '二级节点-2',
- open: true,
- checked: false,
- id: 3,
- parentId: 1,
- visible: true,
- searched: false,
- children: [
- {
- id: 4,
- parentId: 3,
- label: '三级节点-1',
- visible: true,
- searched: false,
- checked: false
- },
- {
- id: 5,
- label: '三级节点-2',
- parentId: 3,
- searched: false,
- visible: true,
- checked: false
- }
- ]
- },
- {
- label: '二级节点-3',
- open: true,
- checked: false,
- id: 6,
- parentId: 1,
- visible: true,
- searched: false,
- children: [
- {
- id: 7,
- parentId: 6,
- label: '三级节点-4',
- checked: false,
- searched: false,
- visible: true
- },
- {
- id: 8,
- label: '三级节点-5',
- parentId: 6,
- checked: false,
- searched: false,
- visible: true
- }
- ]
- }
- ]
- }
- ]
- }
- },
- components: {Tree}
- }
- </script>