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

AvatarGiser2024-04-22 8:44

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>

效果