<el-table-column prop="date" label="操作" align="center">
<template slot="header">
<span>操作</span>
<el-tooltip popper-class="tooltip" placement="top">
<i class="el-icon-warning-outline"></i>
<div slot="content" class="tooltip-content">
<div>标题提示内容</div>
</div>
</el-tooltip>
</template>
<template slot-scope="scope">
<el-button
size="mini"
style="padding: 5px 7px"
type="success"
icon="el-icon-document"
@click="btn(scope.$index, scope.row)"
>按钮</el-button
>
</template>
</el-table-column>
以上是编程学习网小编为您介绍的“在el-table表头添加icon图标,鼠标经过显示el-tooltip提示内容”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
编程基础网
本文标题为:在el-table表头添加icon图标,鼠标经过显示el-tooltip提示内容
基础教程推荐
猜你喜欢
- 记一次拼多多Web前端面试(一面+二面+hr面) 2023-12-20
- 详解HTML的 标签及其禁用方法 2024-02-08
- CSS实现鼠标悬停svg图标描边效果 2023-12-21
- html在线编辑器的更新[2006-05] 2022-11-06
- JavaScript开发小技巧之格式化 2024-12-07
- Ajax结合php实现二级联动 2023-01-20
- js选择并转移导航菜单示例代码 2023-12-26
- 使用flutter创建可移动的stack小部件功能 2023-08-08
- vue 快速入门 系列 —— 虚拟 DOM 2023-10-08
- React Hooks 实现的中文输入组件 2023-07-10
