【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>
相关推荐
前端开发爱好者9 分钟前
只有 7 KB!前端圈疯传的 Vue3 转场动效神库!效果炸裂!
前端·javascript·vue.js
pe7er12 分钟前
RESTful API 的规范性和接口安全性如何取舍
前端·后端
Fly-ping19 分钟前
【前端】JavaScript文件压缩指南
开发语言·前端·javascript
接口写好了吗1 小时前
【el-table滚动事件】el-table表格滚动时,获取可视窗口内的行数据
javascript·vue.js·elementui·可视窗口滚动
未来之窗软件服务1 小时前
免费版酒店押金原路退回系统之【房费押金计算器】实践——仙盟创梦IDE
前端·javascript·css·仙盟创梦ide·东方仙盟·酒店押金系统
拾光拾趣录1 小时前
常见 HTTP 请求头:从“为什么接口返回乱码”说起
前端·http
阿华的代码王国1 小时前
【Android】卡片式布局 && 滚动容器ScrollView
android·xml·java·前端·后端·卡片布局·滚动容器
2025年一定要上岸2 小时前
【pytest高阶】源码的走读方法及插件hook
运维·前端·python·pytest
姑苏洛言2 小时前
答题抽奖活动小程序技术复盘
前端
砖头拍死你2 小时前
51单片机如何使用printf打印unsigned long的那些事
java·前端·51单片机