<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提示内容


基础教程推荐
猜你喜欢
- 黑客帝国特效(html+css+js) 2023-10-27
- vue-cli2.x:vue项目运行npm run dev命令时,项目在浏览器自动打开页面的方法 2023-10-08
- jQuery实现根据滚动条位置加载相应内容功能 2024-02-05
- vue3.0之Teleport 2023-10-08
- 基于CSS3的CSS 多栏(Multi-column)实现瀑布流源码分享 2024-02-05
- Ajax实现跨域访问最新解决方案 2023-02-14
- Class与ID区别 margin和padding区别 CSS学习笔记 2023-12-12
- CSS 实现元素较宽不能被完全展示时将其隐藏的方法 2024-02-07
- JS分层架构低代码跨iframe拖拽示例详解 2024-01-07
- layui 表格的默认工具栏添加自定义按钮 2024-06-12