Duplicate keys detected: '1'. This may cause an update error.

使用v-for循环做好评功能时碰到问题

image.png

原因是因为编写的代码中两个for循环在一个div中

 <img v-for="k in item.star" :key="k" src="../../assets/user/star.png" alt="" class="star__pic">
 <img v-for="value in 5-item.star" :key="value" src="../../assets/user/stargray.png" alt="" class="star__pic">

分开之后就没有问题

<div class="comment__star">
    <img v-for="k in item.star" :key="k" src="../../assets/user/star.png" alt="" class="star__pic">
    <span>
        <img v-for="value in 5-item.star" :key="value" src="../../assets/user/stargray.png" alt="" class="star__pic">
    </span>
</div>

image.png