PrimeVue 数据表中的编辑行去除图像标签

如何解决PrimeVue 数据表中的编辑行去除图像标签

我正在尝试使用primevue 数据表来完成某些单元格编辑。您只能编辑表格的 3 列。我在数据表指令上使用 :rowEditor="true" 来实现能够编辑多列。问题是，当我点击编辑按钮时，我的图像标签被剥离，留下一个 URL。我试过在上面放很多标签，比如 :editable="false" 但没有任何效果。有人知道如何在某个列上禁用此功能吗？

primeVue edit documentation

解决方法

更新我找到了一种解决方法，但我仍然愿意实施更好的解决方案。

<Column field="image_url" header="Image" :editable="false">
    <template #body="{data}">
        <img :src="data.image_url" :alt="data.image_url" class="product-image"/>
    </template>
    <template #editor="slotProps">
        <div v-html="renderHtml(slotProps)"></div>
    </template>
</Column>

renderHtml(data) {
    let src = data.data.image_url,alt = data.data.image_url;

    return '<img src="' + src + '" alt="' + alt +'" class="product-image" />';
}