Element UI Table 剔除 p 标签渲染数据

如果服务器返回的数据已经被 '<p>' 标签包裹，而你希望在 Element UI 的 Table 组件中剔除这些 '<p>' 标签，可以通过使用自定义的渲染函数来实现。

以下是一个示例代码，展示如何使用自定义的渲染函数剔除 '<p>' 标签并渲染数据内容：

<el-table :data="tableData">
  <el-table-column prop="content" label="内容" :render-cell="renderCell"></el-table-column>
</el-table>

methods: {
  renderCell(h, { row }) {
    return h('div', row.content);
  }
}

在上述示例中，我们使用了 'render-cell' 属性来指定自定义的渲染函数 'renderCell'。渲染函数接收两个参数：'h' 和 '{ row }'。'h' 是用于创建虚拟 DOM 的函数，'{ row }' 是当前行的数据对象。

在渲染函数中，我们使用 'h('div', row.content)' 创建一个 '<div>' 元素，并将 'row.content' 作为其内容。这样就可以剔除 '<p>' 标签，并直接渲染数据内容。

请根据你的实际需求进行适当修改，以满足你的具体需求。