zoukankan      html  css  js  c++  java
  • vue elementui前端分页,无须请求获取数据

    <!-- 重要的是这段:
    shoppingCarList.slice((pageIndex-1)*pageSize,pageIndex*pageSize)
    -->
    <el-table :data="shoppingCarList.slice((pageIndex-1)*pageSize,pageIndex*pageSize)" class="zhihuDataListStyle" v-loading="isLoading"> <el-table-column label="关键词" min-width="150"> <template slot-scope="scope"> <span>{{ scope.row.keyword }}</span> <!-- <zhihu-title :maxLen="17" :title="scope.row.title" :url="scope.row.url"></zhihu-title> --> </template> </el-table-column> <el-table-column label="商品" min-width="200"> <template slot-scope="scope"> <labelhoverbtn :list="getTagList(scope.row.tags)"></labelhoverbtn> </template> </el-table-column> <el-table-column label="价格/佣金"> <template slot-scope="scope"> <rankpopper right_icon="chart-icon" speed="true" :dataid="scope.row.dataid" @showDialog="showHistoryDialog" :content="scope.row.read" :changeRanking="scope.row.read_c" :datetime="scope.row.dt"></rankpopper> </template> </el-table-column> <el-table-column label="编辑"> <template slot-scope="scope"> <span>删除</span> </template> </el-table-column> </el-table>
     <div slot="footer">
                    <div class="page" v-if="rowCount > 0">
                        <div>共找到:{{ rowCount }}条</div>
                        <!-- <el-pagination background layout="prev, pager, next,jumper" :total="getMaxTotalCount" :current-page="pageIndex" :page-size="pageSize" @current-change="getList" :hide-on-single-page="true" :pager-count="5">
                        </el-pagination> -->

                        <el-pagination background layout="prev, pager, next,jumper" :total="getMaxTotalCount" :current-page="pageIndex" :page-size="pageSize" @current-change="changePage" :hide-on-single-page="true" :pager-count="5">
                        </el-pagination>
                    </div>
                </div>
    交流扣扣:1328542512
  • 相关阅读:
    网上常见的分享功能, 比如 点击分享到 人人 微博 空间 等都是怎么做的...
    qq客服代码实现过程
    cnzz友盟怎么安装网站统计代码监控网站流量
    本地部署151688过程记录
    本地部署151688过程记录20110526
    梦里秦淮:互联网商业模式≠成功
    要远离这些平台网站
    阿里旺旺新老版本共存
    豆皮拖鞋穿著確實感覺不太舒服,磨腳,好看是好看,還是沒有哥倫比亞好
    深圳批发市场有哪些好的呢?
  • 原文地址:https://www.cnblogs.com/codeDevotee/p/14430653.html
Copyright © 2011-2022 走看看