el-table自定义tooltip
时间: 2023-08-19 22:15:04 浏览: 96
自定义ToolTip
5星 · 资源好评率100%
在Element UI的el-table中自定义tooltip,可以使用el-tooltip组件来实现。在el-table-column中的template中,可以使用el-tooltip组件包裹需要显示tooltip的内容。通过设置el-tooltip的disabled属性来控制tooltip的可用状态,设置content属性来定义tooltip的内容。同时,可以设置placement属性来指定tooltip的位置。
例如,可以在el-table-column的template中使用el-tooltip来自定义tooltip:
```html
<el-table-column>
<template slot-scope="{ row }">
<el-tooltip :disabled="条件" :content="提示内容" placement="top">
<div>{{ row.name }}</div>
</el-tooltip>
</template>
</el-table-column>
```
在上述代码中,根据具体的条件来设置el-tooltip的disabled属性,根据需要设置提示内容,将需要显示tooltip的内容放在el-tooltip组件内部。
注意,根据具体的需求,可以根据需要调整el-tooltip的placement属性来指定tooltip的位置。
阅读全文