element-ui 的el-popover 自定义弹出和关闭
业务需求: 鼠标悬停打开弹窗,点击弹窗里面的内容后关闭弹窗
Element 中 Popover 弹出框的弹出方式有 hover,click,focus,手动激活几种方式,根据业务需求,可以如下使用:
el-popover弹出框 关闭和打开分别用 doClose() 和 doShow() 方法 ,Element UI文档中没有提到这两个方法文章来源:https://www.toymoban.com/news/detail-597293.html
<el-popover placement="bottom" ref="popoverRef" trigger="hover">
<div @click="handleList" class="read">查看全部</div>
<el-badge slot="reference">
<span class="el-icon-bell"></span>
</el-badge>
</el-popover>
通过方法关闭弹窗文章来源地址https://www.toymoban.com/news/detail-597293.html
handleList() {
//关闭弹窗
this.$refs.popoverRef.doClose()
//this.$refs.popoverRef.doShow() 开启弹窗
到了这里,关于element-ui 的el-popover 自定义弹出和关闭的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!