vue 实现逻辑分页 以及动态表格自动转行

 

<div class="summary">
          <div class="procedure_FT_leftSummary">
            <div class="procedure_FT_left_text">Summary记录</div>
          </div>
          <div class="procedure_FT_rightSummary">
            <div v-for="(page, idx) in Math.ceil(summaryTableHeader.length/10)" :key="idx" class="rightSummary">
              <div class="content_batch">
                <div v-for="(item, index) in summaryTableHeader.slice((page - 1) * 10, page* 10)" :key="index" class="div_p1">{{ item.lable }}</div>
              </div>
              <div v-for="(itemParent, indexParent) in summaryTableContent" :key="indexParent" class="content_batch">
                <div v-for="(item, index) in summaryTableHeader.slice((page - 1) * 10, page* 10)" :key="index" class="div_p1">{{ itemParent[item.prop] }}</div>
              </div>
            </div>
          </div>
        </div>

 

Math.ceil()  “向上取整”， 即小数部分直接舍去，并向正数部分进1