vue v-for 标签循环，仅显示3条

最新推荐文章于 2024-08-29 10:58:51 发布

蓝胖子的多啦A梦

最新推荐文章于 2024-08-29 10:58:51 发布

阅读量4.9k

点赞数 4

分类专栏： js 文章标签： Vue v-for slice 数据渲染前端开发

本文链接：https://blog.csdn.net/Maxueyingying/article/details/121658380

版权

js 专栏收录该内容

67 篇文章 1 订阅

订阅专栏

vue中v-for渲染，实现显示3条，数据arr.slice(0,3)，即可取出arr数据的前三条

  <div class="subCode"  v-for="(item, index) in scope.row.barcode.subCodeList.slice( 0,3)" :key="index">
      <div>{{ item.barcode }}</div>
      <div>{{ item.amount }}</div>
      <div v-if="scope.row.barcode.subCodeList.length > 3">...</div>
 </div>