vxe-table 设置单元格可编辑无效问题解决
官网的示例没说太清楚,调了许久,原本以为配置:edit-config="editConfig"和template #edit就行,一直没效果,后来发现是需要配置edit-render才有效果。备份一下,以备不时之需。
<vxe-table
:data="tableData"
:edit-config="editConfig"
:edit-rules="editRules"
>
<vxe-column field="skuName" title="商品名称" min-width="100" />
<vxe-column field="handlingMethod" title="处理方式" :edit-render="{}">
<template #edit="{ row }">
<el-select
v-model="row.handlingMethod"
@change="handleChange(row)"
:disabled="!row.tempId"
placeholder="请选择"
style="width: 100%"
>
<el-option
v-for="item in handlingMethodOption"
:key="item"
:label="item"
:value="item"
/>
</el-select>
</template>
</vxe-column>
</vxe-table>
const editConfig = {
trigger: 'click',
mode: 'cell',
showIcon: true,
showStatus: true,
autoFocus: false,
}