zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    Ado.net 02
    Ado.net01
    sql05
    sql04
    sql03
    sql02
    sql01
    czC#02
    czC#02
    Vue之render函数
  • 原文地址:https://www.cnblogs.com/cyf-1314/p/15434741.html
Copyright © 2011-2022 走看看