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

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><

蓝胖子的多啦A梦

4910人浏览 · 2021-12-01 16:29:08

蓝胖子的多啦A梦 · 2021-12-01 16:29:08 发布

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>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^