官网的示例没说太清楚,调了许久,原本以为配置: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-selectv-model="row.handlingMethod"@change="handleChange(row)":disabled="!row.tempId"placeholder="请选择"style="width: 100%"><el-optionv-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,}