vue+elementUI项目中,怎么在el-table-column上写按钮
时间: 2024-02-19 12:42:58 浏览: 86
VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解
可以在el-table-column中使用自定义模板来实现按钮的添加。具体实现步骤如下:
1. 在el-table-column标签中添加scoped-slot属性,值为“header”。例如:<el-table-column prop="name" label="姓名" scoped-slot="header">
2. 在template中添加对应的template标签作为自定义模板,例如:
<template slot="header">
<el-button type="primary">添加</el-button>
</template>
此时,在el-table-column的表头上就会显示一个添加按钮。
注意:在使用自定义模板时,还需要注意slot名的命名。在以上例子中,我们在scoped-slot属性中命名为“header”,所以在template中的slot属性也应命名为“header”。如果未能正确命名,则可能导致按钮无法显示。
阅读全文