vxe-table toggleRowExpand

vxe-table是一个基于Vue.js的开源表格组件，toggleRowExpand是其中的一个方法，用于切换表格行的展开状态。

当我们使用vxe-table组件时，可以通过设置expand-config属性来启用行展开功能。然后，我们可以使用toggleRowExpand方法来切换指定行的展开状态。

toggleRowExpand方法接受两个参数：row和expanded。row表示要切换展开状态的行数据对象，expanded表示是否展开该行。如果expanded为true，则展开该行；如果expanded为false，则收起该行。

下面是一个示例代码：

<template>
  <vxe-table :data="tableData" :expand-config="{ trigger: 'row' }">
    <vxe-table-column type="expand"></vxe-table-column>
    <vxe-table-column field="name" title="Name"></vxe-table-column>
    <vxe-table-column field="age" title="Age"></vxe-table-column>
    <vxe-table-column field="gender" title="Gender"></vxe-table-column>
    <vxe-table-column field="address" title="Address"></vxe-table-column>
    <vxe-table-column field="phone" title="Phone"></vxe-table-column>
    <vxe-table-column field="email" title="Email"></vxe-table-column>
    <vxe-table-column field="operation" title="Operation">
      <template #default="{ row }">
        <button @click="toggleExpand(row)">Toggle Expand</button>
      </template>
    </vxe-table-column>
  </vxe-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          name: 'John',
          age: 25,
          gender: 'Male',
          address: '123 Street',
          phone: '1234567890',
          email: 'john@example.com',
        },
        // more data...
      ],
    };
  },
  methods: {
    toggleExpand(row) {
      this.$refs.table.toggleRowExpand(row);
    },
  },
};
</script>

在上面的示例中，我们通过点击"Toggle Expand"按钮来调用toggleExpand方法，然后通过this.$refs.table.toggleRowExpand(row)来切换行的展开状态。