elementplus的el-tooltip显示图片
时间: 2023-10-13 08:05:07 浏览: 418
带有图像的ToolTip显示功能
4星 · 用户满意度95%
你可以使用 Element Plus 的 `el-tooltip` 组件来显示图片。首先,你需要在 `el-tooltip` 的 `content` 属性中放置一个 `<img>` 标签,并设置其 `src` 属性为你想要显示的图片的 URL。然后,将需要触发显示 tooltip 的元素包裹在 `el-tooltip` 组件中即可。
以下是一个示例代码:
```html
<template>
<div>
<el-tooltip content="这是一张图片">
<img src="图片的URL" alt="图片">
</el-tooltip>
</div>
</template>
<script>
import { ElTooltip } from 'element-plus';
export default {
components: {
ElTooltip,
},
};
</script>
```
请替换示例代码中的 `"图片的URL"` 为你想要显示的实际图片的 URL 地址。
阅读全文