vben
2020-11-23 234c1d1fae6a7f2c78e456f992f91622ca599060
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<template>
  <div class="p-4">
    <BasicTable
      :rowSelection="{ type: 'checkbox' }"
      :isTreeTable="true"
      title="树形表格"
      titleHelpMessage="树形组件不能和序列号列同时存在"
      :columns="columns"
      :dataSource="data"
      rowKey="id"
      :indentSize="20"
    />
  </div>
</template>
<script lang="ts">
  import { defineComponent } from 'vue';
  import { BasicTable } from '/@/components/Table';
  import { getBasicColumns, getTreeTableData } from './tableData';
 
  export default defineComponent({
    components: { BasicTable },
    setup() {
      return {
        columns: getBasicColumns(),
        data: getTreeTableData(),
      };
    },
  });
</script>