Element-ui分页之:page-sizes使用无效解决办法

HuiRonmantic

已于 2024-05-22 10:13:59 修改

阅读量1.3w

点赞数

分类专栏： Vue技术栈文章标签： vue html javascript

于 2020-08-27 16:54:38 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_41346436/article/details/108263457

版权

Vue技术栈专栏收录该内容

66 篇文章 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

本文记录了在使用Element-ui分页组件时遇到的问题——page-sizes选项无效。当尝试切换不同条数显示时，数据无法正常显示，但不报错。通过分析和实践，给出了解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Element-ui的表单组件还是相当好用的，其中分页:page-sizes的使用容易踩坑，在此做个记录

刚开始的时候看着文档，直接拉过来就使用，默认显示的条数页是好的，切换其他条数就不显示数据了，也不报错，所以还是有点小坑的！
效果展示
在这里插入图片描述

上代码

  <template>
   <!--表格主题-->
   <el-table
        ref="multipleTable" v-loading="loading" element-loading-text="拼命加载中"
        :data="tableData"
        border
        tooltip-effect="dark"
        style="width: 100%"  height="500"
        @selection-change="handleSel

了解本专栏