2***@qq.com
2***@qq.com
  • 发布:2025-10-27 22:02
  • 更新:32 秒前
  • 阅读:18

【报Bug】uni-rate评分组件在H5平台提交的评分是鼠标最后停留位置,不是最后点击位置

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 26100.6899

HBuilderX类型: 正式

HBuilderX版本号: 4.76

浏览器平台: Edge

浏览器版本: 141.0.3537.99

项目创建方式: HBuilderX

示例代码:

<view class="rating-input">
<uni-rate v-model="newRating" size="20" @change="onChange" touchable="false"/>
</view>

<script setup lang="ts">
import { ref, onMounted } from 'vue'

// 评论表单
const newRating = ref(0)
function onChange(e: any) {
console.log('rate发生改变:' + JSON.stringify(e))
}
</script>

操作步骤:

在H5平台的vue网页中使用代码示例即可看到

预期结果:

提交的评分是鼠标最后点击位置,常亮的黄色星星个数也是最后点击的个数

实际结果:

提交的评分是鼠标最后停留位置,但是常亮的黄色星星个数是最后点击的个数

bug描述:

uni-ui包的uni-rate评分组件,在H5平台提交的评分是鼠标最后停留位置,不是最后点击位置!!
但是常亮星星数是要点击才会变化,但是实际提交值是鼠标滑过值

2025-10-27 22:02 负责人:无 分享
已邀请:
爱豆豆

爱豆豆 - 办法总比困难多

你好 你是用的pc端吧?
可以给uni-rate组件中的mousedown增加一个自定义事件
在自定义事件中获取到提交的评分

要回复问题请先登录注册