v-for中，如何在21个li中给5个添加class，然后就不能在点击添加了？

Question

现在要做一个在21个li中选5个进行收藏的功能

<ul>
  <li v-for='(item,index) in mylotteryList' :key="index" :class="setClass(index)" @click="check_show(index)">
     {{item.title}}
  </li>
</ul>

mylotteryList循环有21个li

  methods:{
    setClass(index){

    },
    check_show(index) {

    },
  }

Answer 1

这个需求逻辑很简单，点击li把不重复的item push到数组，length达到5就不可添加，至于class只要判断当前循环列的item在缓存数组就显示指定class即可
给你写个小例子