el-popover 点击和划过都显示
时间: 2024-08-16 10:01:52 浏览: 69
react-popover:完全控制的Popover组件
"el-popover"是Element UI库中的一个组件,它是一个浮动框,通常用于显示额外的信息或者作为弹出菜单。如果你想要在点击按钮以及鼠标悬停时都显示这个popover,你需要设置一些相关的属性。
首先,在你的Vue实例中,你可以这样配置`el-popover`:
```html
<el-button v-bPopover="'这是提示信息'">
点击我
</el-button>
<el-popover :open-type="['click', 'hover']">
<template slot-content>
这是提示信息
</template>
</el-popover>
```
这里的`:open-type`属性是一个数组,包含了两个值:"click"表示点击触发,"hover"表示鼠标悬停触发。这将使得popover在用户点击按钮或鼠标悬停在其上时自动展示。
阅读全文