feat(demo): demo default expanded tree table

无木

2021-07-05 5f1a6cdc599d5840df2dfebdaad029aac093cd81

feat(demo): demo default expanded tree table

演示默认展开树形表格数据

 src/views/demo/system/menu/index.vue

@@ -1,6 +1,6 @@
<template>
  <div>
    <BasicTable @register="registerTable">
    <BasicTable @register="registerTable" @fetch-success="onFetchSuccess">
      <template #toolbar>
        <a-button type="primary" @click="handleCreate"> 新增菜单 </a-button>
      </template>
@@ -27,7 +27,7 @@
  </div>
</template>
<script lang="ts">
  import { defineComponent } from 'vue';
  import { defineComponent, nextTick } from 'vue';

  import { BasicTable, useTable, TableAction } from '/@/components/Table';
  import { getMenuList } from '/@/api/demo/system';
@@ -42,7 +42,7 @@
    components: { BasicTable, MenuDrawer, TableAction },
    setup() {
      const [registerDrawer, { openDrawer }] = useDrawer();
      const [registerTable, { reload }] = useTable({
      const [registerTable, { reload, expandAll }] = useTable({
        title: '菜单列表',
        api: getMenuList,
        columns,
@@ -50,6 +50,7 @@
          labelWidth: 120,
          schemas: searchFormSchema,
        },
        isTreeTable: true,
        pagination: false,
        striped: false,
        useSearchForm: true,
@@ -87,6 +88,11 @@
        reload();
      }

      function onFetchSuccess() {
        // 演示默认展开所有表项
        nextTick(expandAll);
      }

      return {
        registerTable,
        registerDrawer,
@@ -94,6 +100,7 @@
        handleEdit,
        handleDelete,
        handleSuccess,
        onFetchSuccess,
      };
    },
  });