other / mew-iview

Blame view

test/routers/tree.vue 1.22 KB
Edit Raw Normal View History
89f2ba8b   梁灏   init Tree component 
1
 
  <template>
e81207a2   梁灏   update Tree 
2
3
4
5
6
7
 
      <Tree
          :data.sync="treeData"
          :checkable="true"
          :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
38
39
40
41
42
43
44
45
 
          methods: {
              selectFn(data){
                  console.log(data);
              },
              checkFn(data){
                  console.log(data);
              }
          }
      }
  </script>