【vue】v-for只显示前几个数据，超出显示查看更多

本文主要是介绍【vue】v-for只显示前几个数据，超出显示查看更多，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

v-for只显示前几个数据，超出显示查看更多

如图

<div v-for="(item,index) in list.slice(0,3)" :key="index"><div class="degreeNo" :class="index=='0'?'noOne':index=='1'?'noTwo':index=='2'?'noThree':''">
NO{{index+1}}:</div><div class="degreeName">{{item.name}}</div>
</div>
<div class="moreBtn" v-if="list && list.length>3"><el-button type="text" @click="checkMore">查看更多</el-button></div>

这篇关于【vue】v-for只显示前几个数据，超出显示查看更多的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---