Advertisement

区分Vue2和Vue3中Element UI Transfer穿越框组件:分别详细说明其属性、事件的使用以及方法的调用方式,并举例说明

阅读量:

Element UI 是专为 Vue 2 开发的组件库,而 Element Plus 则是其针对 Vue 3 的升级版本。在两个不同版本中,Transfer 穿梭框组件(若存在)的 API 接口及使用方式可能存在差异。以下内容基于对这两个版本组件的理解,分别介绍了 Vue 2 中 Element UI 与 Vue 3 中 Element Plus 的 Transfer 组件在属性、事件以及方法方面的区别。

Vue 2 + Element UI

Element UI 框架中的 Transfer 穿梭框组件,为用户提供了一种通过双列列表进行选项迁移的交互方式,常见于实现分类选择或数据过滤功能的场景中。

属性 (Attributes)

  • data: 作为穿梭框数据来源的数组结构,其中每个成员均为对象形式,且必须包含 keylabeldisabled 等基础属性
    • titles: 用于展示列表标题的数组结构,其元素数量需严格限定为两个
    • filterable: 决定是否支持搜索功能的布尔参数
    • filter-method: 用户自定义的搜索逻辑实现方法
    • props: 配置参数集合,用于明确指定 data 数组中各对象对应字段在选项中的展示方式,如 key、label、disabled 等属性映射规

全部评论 (0)

还没有任何评论哟~