Blame view

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