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

作者：System 时间：2024年08月27日分类：所有,elementui 字数：676

ElementPlus 是 ElementUI 的升级版，它们之间的主要区别之一是 API 的变化。在 ElementUI 中，el-popconfirm 组件的插槽使用方式如下：




<el-popconfirm
  ref="popconfirm"
  title="这是一段内容确定删除吗？"
>
  <el-button slot="reference">删除</el-button>
</el-popconfirm>

而在 ElementPlus 中，el-popconfirm 组件的插槽使用方式有所不同，它采用了 Vue 3 的 Composition API 和新的插槽语法。以下是 ElementPlus 中 el-popconfirm 组件的插槽写法示例：




<el-popconfirm
  ref="popconfirm"
  title="这是一段内容确定删除吗？"
>
  <template #reference>
    <el-button>删除</el-button>
  </template>
</el-popconfirm>

在 ElementPlus 中，使用 # 符号来指定插槽的名称，并将插槽的内容包裹在 <template #reference> 标签内部。这是因为 ElementPlus 是基于 Vue 3 构建的，而 Vue 3 引入了新的模板语法和 Composition API。