vue 星星评分 4.89

在Vue中实现星星评分时，如果评分是4.89，你可以将初始评分值设置为4.89，然后在StarRating组件中进行相应的修改。

在父组件中，将初始评分值设置为4.89：

<template>
  <div>
    <h2>Your Rating: {{ rating }}</h2>
    <star-rating :max-stars="5" :initial-rating="4.89" @update-rating="updateRating"></star-rating>
  </div>
</template>

然后在StarRating组件中，将currentRating改为一个浮点数：

data() {
  return {
    currentRating: Math.floor(this.initialRating)
  };
},

修改updateRating方法，接受一个浮点数rating值：

updateRating(rating) {
  this.currentRating = Math.floor(rating);
},

最后，在模板中根据currentRating的整数部分和小数部分来确定是否显示半星：

<template>
  <div class="star-rating">
    <span v-for="index in maxStars" :key="index" class="star" :class="{ 'filled': index <= currentRating }">
      ★
    </span>
    <span v-if="currentRating < maxStars && currentRating + 0.5 >= maxStars" class="star-half filled">
      ★
    </span>
  </div>
</template>

通过上述修改，你就可以在Vue中实现4.89的星星评分，并显示半颗星。记得根据需要进一步调整样式和交互。