OpenEdv-开源电子网

 找回密码
 立即注册
正点原子全套STM32/Linux/FPGA开发资料,上千讲STM32视频教程免费下载...
查看: 6330|回复: 0

vue elementui前端分页,无须请求获取数据

[复制链接]

143

主题

145

帖子

0

精华

高级会员

Rank: 4

积分
585
金钱
585
注册时间
2020-5-25
在线时间
42 小时
发表于 2021-2-22 15:59:18 | 显示全部楼层 |阅读模式
<!-- 重要的是这段: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>

[url=][/url]

正点原子逻辑分析仪DL16劲爆上市
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则



关闭

原子哥极力推荐上一条 /2 下一条

正点原子公众号

QQ|手机版|OpenEdv-开源电子网 ( 粤ICP备12000418号-1 )

GMT+8, 2024-11-25 12:24

Powered by OpenEdv-开源电子网

© 2001-2030 OpenEdv-开源电子网

快速回复 返回顶部 返回列表