vxe-grid 如何展开行

vxe-grid组件可以通过设置expand-config属性来实现展开行的功能。具体步骤如下：

1. 在vxe-grid标签中添加expand-config属性，并设置为一个对象，用于配置展开行的相关参数。

2. 在expand-config对象中，设置expand-row-keys属性，该属性的值为一个数组，用于指定哪些行需要展开。

3. 在vxe-grid标签内部，使用expand-row组件来定义展开行的内容。

以下是一个示例代码：

<vxe-grid v-bind="mixinGridOptions" :expand-config="{ expandRowKeys: ['1', '3'] }">
  <vxe-table-column type="expand"></vxe-table-column>
  <!-- 其他列配置 -->
  <!-- ... -->
  <vxe-table-column field="name" title="姓名"></vxe-table-column>
  <!-- ... -->
  <vxe-table-column field="age" title="年龄"></vxe-table-column>
  <!-- ... -->
  <template #expand="{ row }">
    <!-- 展开行的内容 -->
    <div>这是第{{ row.index + 1 }}行的展开内容</div>
  </template>
</vxe-grid>

在上述代码中，expand-config属性的expandRowKeys值为['1', '3']，表示第1行和第3行需要展开。展开行的内容通过template标签中的expand属性来定义，可以根据需要自定义展开行的内容。