<el-table border style="margin-bottom: 20px;" :data="menuPermissionList" :expand-row-keys="expandKeys" row-key="id" > <el-table-column prop="name" label="名称" /> <el-table-column prop="code" label="权限值" /> <el-table-column prop="toCode" label="跳转权限值" /> <el-table-column label="操作"> <template v-slot="{row}"> <el-button :disabled="row.level===4" type="primary" :icon="Plus" size="small" @click="toAddPermission(row)" :title="getAddTitle(row.level)" /> <el-button type="primary" :icon="Edit" size="small" :disabled="row.level===1" @click="toUpdatePermission(row)" :title="row.level===4 ? '修改功能' : '修改菜单'" /> <el-button :disabled="row.level===1" type="danger" :icon="Delete" size="small" @click="removePermission(row)" title="删除" /> </template> </el-table-column> </el-table> 请把以上代码根据vxe-table的ApI进行重构

可以尝试以下重构：

<vxe-table
  border
  :data="menuPermissionList"
  :expand-row-keys="expandKeys"
  row-key="id"
>
  <vxe-table-column
    field="name"
    title="名称"
  />
  <vxe-table-column
    field="code"
    title="权限值"
  />
  <vxe-table-column
    field="toCode"
    title="跳转权限值"
  />
  <vxe-table-column title="操作">
    <template #default="{ row }">
      <vxe-button
        :disabled="row.level===4"
        type="primary"
        icon="el-icon-plus"
        size="small"
        @click="toAddPermission(row)"
        :title="getAddTitle(row.level)"
      />
      <vxe-button
        type="primary"
        :icon="row.level===4 ? 'el-icon-edit-outline' : 'el-icon-edit'"
        size="small"
        :disabled="row.level===1"
        @click="toUpdatePermission(row)"
        :title="row.level===4 ? '修改功能' : '修改菜单'"
      />
      <vxe-button
        :disabled="row.level===1"
        type="danger"
        icon="el-icon-delete"
        size="small"
        @click="removePermission(row)"
        title="删除"
      />
    </template>
  </vxe-table-column>
</vxe-table>

需要注意的是，这里使用的是 Element Plus 的 `vxe-table` 组件，而不是原先的 `el-table`，所以列的定义方式和一些属性名有所不同。同时，按钮的图标也需要使用 Element Plus 的图标类名。