element ui html 渲染,element-ui2 使用render渲染表格中列的内容
时间: 2023-06-28 20:08:52 浏览: 458
在 Element UI 2.x 中,可以使用 `render` 函数来渲染表格中列的内容。下面是一个简单的示例:
```html
<el-table :data="tableData">
<el-table-column prop="name" label="Name">
<template slot-scope="scope">
{{ scope.row.name }}
</template>
</el-table-column>
<el-table-column label="Action">
<template slot-scope="scope">
<el-button type="text" @click="handleDelete(scope.$index)">Delete</el-button>
</template>
</el-table-column>
</el-table>
```
在上面的示例中,我们使用 `render` 函数来渲染表格中的第一列。具体来说,我们在 `el-table-column` 组件中定义了一个名为 `slot-scope` 的插槽,并将其绑定到一个 `scope` 对象上。这个 `scope` 对象包含了当前行的数据和一些有用的方法和属性。在插槽中,我们可以使用 `scope.row` 来访问当前行的数据,然后将其渲染到表格中。
类似地,我们也可以使用 `render` 函数来渲染表格中的其他列。例如,我们在上面的示例中使用了 `render` 函数来渲染了一个删除按钮,当按钮被点击时会调用 `handleDelete` 方法。
阅读全文
相关推荐















