通过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>版权声明:本文为Hhuangjialin原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。