element组件库 el-popover气泡卡片手动关闭

首先获取DOM元素,然后直接调用里面方法即可,我这里是setup语法糖

 <el-popover
      ref="popover"
      :width="300"
      trigger="click"
      popper-style="box-shadow: rgb(14 18 22 / 5%) 0px 10px 38px -10px, rgb(14 18 22 / 20%) 0px 10px 20px -15px; padding: 8px;height:260px; left:650px"
      placement="top"
    >

然后给关闭按钮绑定事件,调用里面的方法(我这里只写了方法)

const popover = ref(null)
const closeTop = () => {
  popover.value.hide()
}

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值