<template>
  <div>
    <p>
      <Button @click="refresh" size="xs">刷新</Button>
    </p>
    <Tree :option="param" ref="demo" @loadDataSuccess="loadDataSuccess"></Tree>
  </div>
</template>
<script>

export default {
  data() {
    return {
      param: {
        keyName: 'id',
        parentName: 'parent',
        titleName: 'title',
        dataMode: 'list',
        getTotalDatas: (resolve) => {
          setTimeout(() => {
            //param中的dataMode同样对这里的数据有效
            let list = [
              { id: 1, title: "一级" },
              { id: 2, title: "二级" },
              { id: 3, title: "三级", disabled: true },
              { id: 10, title: "一级-0", parent: "1" },
              { id: 11, title: "一级-1", parent: "1" },
              { id: 12, title: "一级-2", parent: "1" },
              { id: 13, title: "一级-3", parent: "1" },
              { id: 14, title: "一级-4", parent: "1" },
              { id: 20, title: "二级-0", parent: "2" },
              { id: 21, title: "二级-1", parent: "2" },
              { id: 22, title: "二级-2", parent: "2" },
              { id: 23, title: "二级-3", parent: "2" },
              { id: 24, title: "二级-4", parent: "2" },
              { id: 30, title: "三级-0", parent: "3" },
              { id: 31, title: "三级-1", parent: "3" },
              { id: 32, title: "三级-2", parent: "3" },
              { id: 33, title: "三级-3", parent: "3" },
              { id: 34, title: "三级-4", parent: "3" }
            ];
            resolve(list);
          }, 1000);
        }
      }
    }
  },
  methods: {
    loadDataSuccess() {
      this.$Message.success('数据加载成功')
    },
    refresh() {
      this.$refs.demo.refresh();
    }
  }
};
</script>
