当前位置: 首页 > news >正文

el-popover或el-popconfirm中button不展示问题

vue3在使用Element-plus 2.X时,出现el-popover或el-popconfirm中button不展示问题。

正常效果:

第一种错误原因:el-button没有添加 slot='reference'

<template slot-scope="scope"><el-popconfirm title="您确定删除吗?" @onConfirm="cancelOrder(scope.row.id)"><el-button >删除</el-button></el-popconfirm>
</template>

第二种错误方式: 添加 slot='reference'  还是不展示,没想到吧!!!!!2.3.9官网就是这么写的啊

<el-popoverplacement="top"width="200"v-model="scope.row.visible"><p>确定删除吗?</p><div style="text-align: right; margin: 0"><el-button type="text" @click="scope.row.visible= false">取消</el-button><el-button type="text" @click="delete(scope.row.id)">确定</el-button></div><el-button slot="reference">删除</el-button>
</el-popover>

正确方式:

<el-popoverplacement="top"width="200"v-model="scope.row.visible"><p>确定删除吗?</p><div style="text-align: right; margin: 0"><el-button type="text" @click="scope.row.visible= false">取消</el-button><el-button type="text" @click="delete(scope.row.id)">确定</el-button></div><template #reference><el-button >删除</el-button></template>
</el-popover>

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 从零开始学习c++全套通关系列(第二章)万字总结,建议收藏!
  • 混合贪心算法求解地铁线路调度
  • 结合C++智能指针聊聊观察者模式
  • WPF 框架 Prism IActiveAware接口使用
  • 前端项目本地的node_modules直接上传到服务器上无法直接使用(node-sasa模块报错)
  • boost::regex_replace的使用
  • 海外ASO:iOS与谷歌优化的相同点和区别
  • LabVIEW电子水泵性能测试平台
  • 四个“一体化”——构建数智融合时代下的一站式大数据平台
  • 印尼Facebook直播网络需要达到什么要求?
  • 微信小程序毕业设计-汽车维修项目管理系统项目开发实战(附源码+论文)
  • 图——图的遍历(DFS与BFS)
  • Go 语言 UUID 库 google/uuid 源码解析:UUID version4 的实现
  • Apache功能配置:访问控制、日志分割; 部署AWStats日志分析工具
  • MySQL 面试真题(带答案)
  • 【跃迁之路】【733天】程序员高效学习方法论探索系列(实验阶段490-2019.2.23)...
  • 10个最佳ES6特性 ES7与ES8的特性
  • 345-反转字符串中的元音字母
  • Date型的使用
  • java正则表式的使用
  • Rancher如何对接Ceph-RBD块存储
  • thinkphp5.1 easywechat4 微信第三方开放平台
  • vagrant 添加本地 box 安装 laravel homestead
  • Vim 折腾记
  • 大整数乘法-表格法
  • 等保2.0 | 几维安全发布等保检测、等保加固专版 加速企业等保合规
  • 聊聊hikari连接池的leakDetectionThreshold
  • 如何选择开源的机器学习框架?
  • 它承受着该等级不该有的简单, leetcode 564 寻找最近的回文数
  • 听说你叫Java(二)–Servlet请求
  • 我是如何设计 Upload 上传组件的
  • 用简单代码看卷积组块发展
  • 好程序员大数据教程Hadoop全分布安装(非HA)
  • ​520就是要宠粉,你的心头书我买单
  • ​LeetCode解法汇总1276. 不浪费原料的汉堡制作方案
  • ​马来语翻译中文去哪比较好?
  • # 利刃出鞘_Tomcat 核心原理解析(二)
  • # 再次尝试 连接失败_无线WiFi无法连接到网络怎么办【解决方法】
  • #绘制圆心_R语言——绘制一个诚意满满的圆 祝你2021圆圆满满
  • #我与Java虚拟机的故事#连载16:打开Java世界大门的钥匙
  • (2)(2.4) TerraRanger Tower/Tower EVO(360度)
  • (23)Linux的软硬连接
  • (6)设计一个TimeMap
  • (7)STL算法之交换赋值
  • (java版)排序算法----【冒泡,选择,插入,希尔,快速排序,归并排序,基数排序】超详细~~
  • (分布式缓存)Redis分片集群
  • (附源码)计算机毕业设计ssm电影分享网站
  • (佳作)两轮平衡小车(原理图、PCB、程序源码、BOM等)
  • (强烈推荐)移动端音视频从零到上手(下)
  • (十一)手动添加用户和文件的特殊权限
  • (四)汇编语言——简单程序
  • (图文详解)小程序AppID申请以及在Hbuilderx中运行
  • (杂交版)植物大战僵尸
  • (最完美)小米手机6X的Usb调试模式在哪里打开的流程
  • .dwp和.webpart的区别