Vue3 - Element Plus 评分 Rate 组件直接绑定一个默认数值,让 el-rate 不用 v-model 指定一个变量而是直接给一个数值并显示出星星来(如何不绑定变量,而是直接数值)

前言

在 vue3 Element plus 组件库中,评分 <el-rate> 要求 v-model 必须绑定一个变量,而有时候我们只有一个 “数值”(仅显示评分用)。

本文 实现了 Element Plus 组件库中,Rate 评分组件(el-rate)设置默认初始星星数量,无需给组件 v-model 变量,直接给数值的示例教程,

提供了 "仅展示(直接给个默认星星数量)"的示例,也提供了 “展示和修改(设置默认数量,又可双向绑定修改)”,


如下图所示,直接给个数值(比如 3),组件就能显示出来,

示例代码干净整洁,助您快速解决

在这里插入图片描述

解决方案

按照以

猜你喜欢

转载自blog.csdn.net/weixin_44198965/article/details/132229625