【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>
相关推荐
FIN66682 分钟前
昂瑞微IPO前瞻:技术破局高端射频模组,国产替代第二波浪潮下的硬科技突围
前端·科技·搜索引擎·产品运营·创业创新·制造·射频工程
玉树临风江流儿28 分钟前
Cmake使用CPack实现打包
java·服务器·前端
醒了接着睡1 小时前
Vue3 响应式中的 Reactive
vue.js
xier1234562 小时前
一个全新的react表格组件方案
前端
未来之窗软件服务2 小时前
从东方仙盟筑基期看 JavaScript 动态生成图片技术-东方仙盟
开发语言·javascript·仙盟创梦ide·东方仙盟·图片技术
paopaokaka_luck2 小时前
基于SpringBoot+Vue的志行交通法规在线模拟考试(AI问答、WebSocket即时通讯、Echarts图形化分析、随机测评)
vue.js·人工智能·spring boot·后端·websocket·echarts
程序定小飞2 小时前
基于springboot的蜗牛兼职网的设计与实现
java·数据库·vue.js·spring boot·后端·spring
不叫猫先生3 小时前
中秋连连看小游戏开发完整教程
javascript·css·小游戏·连连看
IT_陈寒3 小时前
5种JavaScript性能优化技巧:从V8引擎原理到实战提速200%
前端·人工智能·后端
蒋星熠3 小时前
Maven项目管理与构建自动化完全指南
java·前端·python·自动化·maven