element表格el-table自定义复选框添加提示el-tooltip
时间: 2023-07-01 07:22:08 浏览: 389
您可以通过在 el-table 的列定义中使用 slot-scope 属性来自定义 el-table 的复选框。在这个 slot 中,您可以使用 el-tooltip 组件来添加提示。以下是一个示例:
```
<el-table :data="tableData" style="width: 100%">
<el-table-column type="selection" width="55">
<template slot-scope="{ row }">
<el-tooltip :content="'您确定要选择 ' + row.name + ' 吗?'">
<el-checkbox :label="row.id"></el-checkbox>
</el-tooltip>
</template>
</el-table-column>
<el-table-column prop="name" label="名称"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
</el-table>
```
在上面的示例中,我们在 el-table-column 中使用了 slot-scope 属性,然后在 slot 中使用了 el-tooltip 组件。在 el-tooltip 的 content 属性中,我们使用了 row 对象中的数据来构造提示文本。最后,我们将 el-checkbox 放在了 el-tooltip 中,来自定义 el-table 的复选框。
阅读全文