Advertisement

对比vue2和vue3下的element ui ¶Rate 评分组件:详细说明它们的属性、事件以及方法的使用方式,并举例说明。

阅读量:

基于 Vue 2 和 Vue 3 的环境中,Element UI 和 Element Plus(Element UI 的 Vue 3 版本)都提供了 el-rate 评分组件。然而,在这一变化背景下(随着 Vue 3 的推出及 Element Plus 的发展),API 使用方式可能会有所不同。以下将从结构与功能两方面对 Vue 2 下的 Element UI 和 Vue 3 下的 Element Plus 中的 el-rate 组件进行详细对比,并附有典型示例。

Vue 2 + Element UI

el-rate 组件

属性 (Attributes) :

  • 绑定值: 当前已选中的评分
    • 最大允许值: 最大可输入数值,默认设置为5
    • 是否支持半值选择: 该属性指示系统是否允许选择半数值
    • 低分与中分界限值: 该阈值决定了低于此数值的分数被视为低分或中等分数,并且其数值需小于等于最大允许值
    • 高分与中分界限值: 该阈值决定了高于此数值的分数被视为高分或中等分数,并且其数值需小于等于最大允许值
    • 自定义颜色列表: 可配置的颜色集合,默认设置为['#F7BA2A', '#F7BA2A', '#F7BA2A', '#F7BA2A', '#F7BA2A']

全部评论 (0)

还没有任何评论哟~