uni-app中过滤器无法实现4.3分到“4颗整星+1颗半星”的渲染，因u-rate等组件仅通过v-model绑定number值并由内部逻辑控制半星显示，过滤器只能做字符串格式化，不能干预组件的裁切、touch响应等底层行为。
uni-app里过滤器不能把4.3转成“4颗整星+1颗半星”
直接用过滤器（filter）做“小数→星星数量映射”是无效的。因为uni-rate或u-rate这类组件不接受“渲染几颗整星、几颗半星”这种手动拆解逻辑，它只认一个v-model绑定的Number值（如4.3），再由组件内部根据allow-half和disabled决定是否渲染半星。过滤器只能处理字符串拼接或格式化显示（比如{{ score | toStarText }}输出“4.3分”），但无法干预图标渲染逻辑。
为什么{{ score | toHalfStar }}写出来也没用
常见错误是写一个过滤器返回"★★★☆☆"或数组[true, true, true, false, false]，然后在模板里v-for渲染——这等于自己重写u-rate，完全绕过组件能力，失去allow-half、active-color、跨端兼容等所有内置支持。更关键的是：微信小程序中动态生成的class或style在真机上常失效；App端nvue下连v-for都受限；H5端hover缩放也得额外补事件。
- 过滤器输出的是纯文本或简单数据，无法触发组件内部的半星裁切、touch响应、伪元素定位等行为
-
u-rate的半星依赖clip-path或overflow: hidden + transform，这些必须由组件自身控制容器尺寸和子元素布局 - 一旦用过滤器+
v-for，你就得自己处理touchstart/move/end、iOS点透、防抖、nvue降级等全部底层问题
真正该做的：让v-model传数字，把转换逻辑交给组件
评分数据从接口来是字符串？那就用parseFloat()转一次，不是写过滤器。想显示“4.3分”文字？另起一个{{ score.toFixed(1) }}分就行，别塞进星星渲染里。
-
v-model="score"必须绑定Number类型，data()里初始化为score: 0或score: parseFloat(res.score) - 只读半星效果靠
:allow-half="true"+disabled（不是:disabled="true"） - 如果后端返回的是“总分10分制”，前端统一除以2：
score = parseFloat(res.totalScore) / 2，然后直接绑定 - 颜色、大小、图标名都走
u-rate原生props：active-icon="star-fill"、size="36"、active-color="#FF9900"
容易被忽略的关键点
很多人卡在“明明写了allow-half，半星就是不出现”，其实是因为v-model绑定的值在初始时是null或undefined，导致组件内部状态未激活。哪怕只是展示，也得确保score是明确数字——这个检查比写十个过滤器都管用。
