《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>

效果

相关推荐
AI视觉网奇12 分钟前
huggingface-cli 安装笔记2026
前端·笔记
比特森林探险记23 分钟前
组件通信 与 ⏳ 生命周期
前端·javascript·vue.js
2301_7925800027 分钟前
xuepso
java·服务器·前端
海绵宝龙37 分钟前
Vue中nextTick
前端·javascript·vue.js
天生欧皇张狗蛋44 分钟前
前端部署path问题
前端
H_z_q24011 小时前
Web前端制作一个评论发布案例
前端·javascript·css
摘星编程1 小时前
React Native + OpenHarmony:useId唯一标识生成
javascript·react native·react.js
2603_949462102 小时前
Flutter for OpenHarmony社团管理App实战:消息中心实现
android·javascript·flutter
秋秋小事2 小时前
可选链与非空操作符
前端
iRuriCatt2 小时前
智慧景区管理系统 | 计算机毕设项目
java·前端·spring boot·vue·毕设