点击下拉按钮显示全部

通过v-for循环，根据v-show来显示多少条，当点击时改变限制条数来达到下拉隐藏的效果

 

div v-for="o in 15" :key="o" v-show="o <= count" style="display:block">
 <span>{{'列表内容 ' + o }}</span><span style="display:inlineblock;position:absolute;right:5px;color:#66B1FF;cursor:pointer">查看详情</span>
  </div>
  <div v-if="show"><i class="el-icon-arrow-down" style="marginLeft:50%" @click="count = 10, show = !show"></i></div>
  <div v-if="!show"><i class="el-icon-arrow-up" style="marginLeft:50%" @click="count = 4, show = !show"></i></div>