<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提示内容
基础教程推荐
猜你喜欢
- 基于JQuery的cookie插件 2024-04-16
- vue 2023-10-08
- Ajax实现图片上传并预览功能 2023-02-15
- 关于带有”显示更多”按钮的多行文本截断思考 2024-04-01
- Vue SPA 首屏优化方案 2024-03-09
- Egg Vue SSR 服务端渲染数据请求与asyncData 2024-04-23
- Layui如何使用折叠表格,以及默认自动折叠 2022-10-20
- VUE3.0-对比VUE2.X和VUE3.0的响应式 2023-10-08
- 关于 javascript:Mapbox GeoJSON 通过本地 URL 加载:图标 2022-09-21
- Vue3 携手 TypeScript 搭建完整项目结构 2024-04-09