Advertisement

对比vue2与vue3中的element ui popover组件

阅读量:

在Vue2版本中,默认情况下我们会使用ElementUI作为主框架组件库;而到了Vue3版本时由于ElementUI官方并未对这一框架进行直接支持因此会采用ElementPlus作为推荐使用的替代库该库专门针对Vue3架构进行了优化与适配。下面将分别介绍Vue2中ElementUI Popover组件与Vue3中ElementPlus Popover组件的属性、事件及其相关方法并附示例说明尽管这两个库在功能与设计上极为相近但在其对应的Vue框架版本中存在某些细微差别。

Vue 2 + Element UI Popover

属性(Props)
  • trigger: 触发类型(点击键、悬停框、焦点框、手动触发)。
  • title: 标题名称(建议采用槽元素来定义复杂显示内容)。
  • content: 显示内容(虽然推荐使用 slot 来定义复杂显示内容)。
  • width: 宽度设置。
  • placement: 弹出框显示位置(主要用于手动触发场景)。
  • value/v-model: 显示状态绑定(主要用于手动触发模式)。
  • visible-arrow: 是否显示指向箭头(主要用于手动触发模式)。
  • popper-class: 自定义弹出框类名(用于自定义弹出框样式配置)。
  • popper-options: popper.js 配置选项参数(用于自

全部评论 (0)

还没有任何评论哟~