<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提示内容
猜你喜欢
- 纯js和css实现渐变色包括静态渐变和动态渐变 2024-02-07
- CSS动画翻转:让网页更动感 2023-10-08
- 详解JavaScript作用域和作用域链 2024-01-15
- JS、CSS以及img对DOMContentLoaded事件的影响 2024-02-05
- 最新JS正则表达式验证邮箱和手机号实例(2022) 2022-10-21
- Ajax表单异步上传文件实例代码(包括文件域) 2023-01-21
- 使用CSS画爱心的过程详解 2024-02-25
- html5手机触屏touch事件介绍 2022-11-13
- Ajax如何传输Json和xml数据 2023-01-21
- jQuery过滤选择器经典应用 2024-03-11