关于 vxe-table 报 [vxe-table v4.5.21] Missing the necessary “column-config.useKey” and “row-config.useKey” parameter, which can cause error.
代码示例:
<vxe-table stripe :show-header="false" :data="item">
<vxe-column
field="col1"
width="25%"
align="center"
></vxe-column>
<vxe-column
field="col2"
width="75%"
align="center"
type="html"
></vxe-column>
</vxe-table>
报错原因:
设置 type=html 显示为 HTML 标签,不支持和其他功能列共存,需要启用 column-config.useKey 与 row-config.useKey
vxetable说明文档链接: https://vxetable.cn/#/table/base/html
正确修改范例:
<vxe-table stripe :show-header="false" :column-config="{ useKey: true }" :row-config="{useKey: true}" :data="item">
<vxe-column
field="col1"
width="25%"
align="center"
></vxe-column>
<vxe-column
field="col2"
width="75%"
align="center"
type="html"
></vxe-column>
</vxe-table>
错误修改范例:
<vxe-table stripe :show-header="false" :data="item">
<vxe-column
field="col1"
width="25%"
align="center"
:column-config="{ useKey: true }"
></vxe-column>
<vxe-column
field="col2"
width="75%"
align="center"
type="html"
:column-config="{ useKey: true }"
></vxe-column>
</vxe-table>