elementui的气泡提示框
时间: 2023-10-28 17:06:50 浏览: 158
ElementUI 提供了一个气泡提示框组件,可以通过 `el-tooltip` 标签来使用。以下是一个示例的代码:
```html
<template>
<div>
<el-tooltip class="item" effect="dark" content="这是一个气泡提示框">
<el-button>Hover 激活</el-button>
</el-tooltip>
</div>
</template>
<script>
export default {
// 组件代码
}
</script>
<style scoped>
/* 样式代码 */
</style>
```
在上面的例子中,我们使用了 `el-tooltip` 标签包裹了一个 `el-button` 按钮。当鼠标悬停在按钮上时,会显示一个带有提示内容的气泡提示框。
其中,`effect` 属性用于指定提示框的主题,可以设置为 `"light"`(浅色)或 `"dark"`(深色)。`content` 属性用于设置提示框的内容。
你可以根据自己的需要进一步定制样式和配置。更多关于 ElementUI 气泡提示框组件的详细信息,***/tooltip)。
阅读全文