Blame view

test/routers/tree.vue 1.23 KB
89f2ba8b   梁灏   init Tree component
1
  <template>
e81207a2   梁灏   update Tree
2
3
      <Tree
          :data.sync="treeData"
b923c818   梁灏   update Tree
4
          :show-checkbox="true"
e81207a2   梁灏   update Tree
5
6
7
          :multiple="true"
          :on-select="selectFn"
          :on-check="checkFn"></Tree>
89f2ba8b   梁灏   init Tree component
8
9
10
  </template>
  <script>
      export default {
e81207a2   梁灏   update Tree
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
          data: function() {
              return {
                  treeData: [{
                      title: 'parent 1',
                      selected: false,
                      node: [{
                          title: 'parent 1-0',
                          expand: true,
                          disabled: true,
                          node: [{
                              title: 'leaf',
                              disableCheckbox: true
                          }, {
                              title: 'leaf',
                          }]
                      }, {
                          title: 'parent 1-1',
                          checked: true,
                          node: [{
                              title: '<span style="color: red">sss</span>',
                          }]
                      }]
                  }]
              }
89f2ba8b   梁灏   init Tree component
35
          },
e81207a2   梁灏   update Tree
36
37
          methods: {
              selectFn(data){
b923c818   梁灏   update Tree
38
  //                console.log(data);
e81207a2   梁灏   update Tree
39
40
              },
              checkFn(data){
b923c818   梁灏   update Tree
41
  //                console.log(data);
e81207a2   梁灏   update Tree
42
43
44
45
              }
          }
      }
  </script>