《ElementPlus 与 ElementUI 差异集合》el-popconfirm 气泡确认框之插槽写法有差异

ElementUI

  • 直接在 el-button 上配置属性 slot
html 复制代码
<el-popconfirm title="确定删除吗?请谨慎操作!" @confirm="delete">
	<el-button slot="reference" size="small" type="danger">删除</el-button>
</el-popconfirm>

elementPlus

  • 内嵌 <template #reference> 实现插槽机制;
html 复制代码
<el-popconfirm title="确定删除吗?请谨慎操作!" @confirm="delete">
	<template #reference>
		<el-button slot="reference" size="small" type="danger">删除</el-button>
	</template>
</el-popconfirm>

效果

相关推荐
WangHappy1 分钟前
面试官:如何优化批量图片上传?队列机制+分片处理+断点续传三连击!
前端·node.js
借个火er5 分钟前
Qiankun vs Wujie:微前端框架深度对比
前端
小笔学长7 分钟前
事件委托:优化事件处理性能
javascript·性能优化·项目实战·前端开发·事件委托
freeWayWalker8 分钟前
【前端工程化】前端代码规范与静态检查
前端·代码规范
C2X13 分钟前
关于Git Graph展示图的理解
前端·git
昊茜Claire14 分钟前
鸿蒙开发之:性能优化与调试技巧
前端
雲墨款哥15 分钟前
从一行好奇的代码说起:Vue怎么没有React的<StrictMode/>
前端
小肥宅仙女15 分钟前
告别繁琐!React 19 新特性对比:代码量减少 50%,异步状态从此自动管理
前端·react.js
白兰地空瓶24 分钟前
告别 add(1, 2)!通过 JS 柯里化,让你的代码更加优雅
javascript·面试
ohyeah25 分钟前
柯理化(Currying):让函数参数一个一个传递
前端·javascript