vue星星评价

vue 图片版的星星评价

样式自己简单写吧，这里就不写了
        <div class="start-item" v-for="(it,index) in startData" :key="index" @click="startClick(index)">
          <img :src="it.img"/>
        </div>
    [
    {img:'image/start.png',},
    {img:'image/start.png'},
    {img:'image/start.png'},
    {img:'image/start.png'},
    {img:'image/start.png'},
    ]
 methods: {
   startClick(row){
    if(row+1){
      this.startData.forEach((_it,index)=>{
        if(index+1<=row+1){
          _it.img = 'image/start-a.png';
        }else{
          _it.img = 'image/start.png';
        }

      })
    }
   },
}

1.png
2.png
3.png

喜欢就留个爪爪，❥(^_-)❥(_-)，图标写法小程序用到了，请去小程序星星评价中看，谢谢。