怎么实现点击事件点击展开更多

Question

<div v-for="(ite, index) in thistype" :key="index" class="refine2">
          <h4>{{thistype[index].name}}</h4>
           <div v-for="(item, num) in ite.lists" :key="num">
           <input v-if="index < ab" type="checkbox" :value="item.key +':'+ item.name" v-model="check" :id="item.name" :data-radius='item.key' @change="handleValue(item)">
            <label v-if="index < ab" :for="item.name">&nbsp;{{item.name}}&nbsp;&nbsp;({{item.count}})</label>
          </div>
            <el-button  type="text" size="mini" v-on:click="show(ite.index)" :data-id="ite.index" style="color: #316c9d;">{{ showMore ? 'Hide Last 15 ' : 'Show 14 More'}}</el-button></div>

            show (ite) {
            console.log(ite)
    this.ab = this.thistype[2].lists.length
    this.showMore = !this.showMore
    if (this.showMore == true) {
      this.ab = 5
    }
  },

Answer 1

https://blog.csdn.net/weixin_44540705/article/details/86541496