el-popover 点击取消按钮,弹窗仍然无法关闭

简介: el-popover 点击取消按钮,弹窗仍然无法关闭
<el-popover
 placement="bottom"
 width="200"
 :ref="aa"
 :visible.sync="reviewVisible"
>
   <div style="text-align: right; margin-top: 20px">
       <el-button size="mini" type="text" @click="handleCloseReview(scope)">取消</el-button>
       <el-button  type="primary" size="mini"  @click="handleAdd">确定</el-button>
   </div>
</el-popover>


handleCloseReview(scope) {
      //这样才可以关闭调<el-popover>
      this.$refs.aa.doClose()
 },
//之前我通过控制reviewVisible,我发现是关闭的;


参考地址: https://blog.csdn.net/weixin_42224055/article/details/108464884

相关文章
|
JavaScript 容器
Ant Design Vue 中Drawer自定头部的样式、内容部分的样式、弹出层的样式
Ant Design Vue 中Drawer自定头部的样式、内容部分的样式、弹出层的样式
|
JSON 前端开发 JavaScript
前端上传文件前校验文件数据
该文介绍了如何在Vue项目中实现批量导入Excel数据的校验。使用Element UI的`el-upload`组件上传文件,通过FileReader读取内容,结合XLSX库解析Excel为JSON。解析过程包括将二进制数据转换为workbook对象,提取worksheet并转化为JSON。之后,遍历JSON数据进行字段校验,若发现空值则记录错误。提供的Demo展示了选择Excel文件后控制台显示校验结果。技术栈包括vue 2.6.14、element ui 2.15.14和xlsx 0.17.0。建议将此类功能封装为通用组件以复用。
448 2
前端上传文件前校验文件数据
Vue2时间轴(横向)
该横向时间轴组件 `HorizonTimeLine` 可自定义时间轴数据 (`timelineData`) 和初始选中年份 (`activeYear`)。通过点击不同的年份,可以改变当前激活的年份,并有相应的视觉反馈。该组件支持均匀自适应排列,且易于在其他页面中引入和使用。
1020 0
Vue2时间轴(横向)
|
前端开发
postcss-px-to-viewport
【8月更文挑战第10天】
149 3
|
机器学习/深度学习 自然语言处理 TensorFlow
Vue2时间轴(Timeline)
本文介绍了一个基于 Vue3 的时间轴组件 `Timeline`,允许用户自定义时间轴宽度和描述文本。通过在 `Timeline.vue` 中使用模板、脚本及样式代码,文章展示了如何创建并使用该组件,并提供了示例代码以供参考。
1083 2
Vue2时间轴(Timeline)
|
存储 前端开发 算法
常见的前端加密方式有哪些?运用场景有哪些?
【4月更文挑战第12天】前端加密技术包括对称加密(如AES、DES)、非对称加密(如RSA)和Hash算法(如MD5、SHA-1)。对称加密用于本地数据加密、HTTPS通信,非对称加密常用于用户登录认证,Hash算法适用于数据完整性校验和密码存储。应用场景包括用户登录认证、敏感数据传输、文件加密和支付安全。加密技术结合访问控制、安全审计等措施,能提升数据和用户信息安全。
1552 9
|
JavaScript
使用el-tab,el-tab-pane循环使用循环后不显示下划线问题
使用el-tab,el-tab-pane循环使用循环后不显示下划线问题
617 0
|
前端开发 JavaScript API
elementUI中<el-select>下拉框选项过多的页面优化方案——多列选择
elementUI中<el-select>下拉框选项过多的页面优化方案——多列选择
1570 0