DXSQP 2022-04-18 16:20 采纳率: 94.7%
浏览 84
已结题

Element里面的组件Pagination如何添加数据


 <div class="block">
    <el-pagination
      layout="prev, pager, next"
      :page-size="pagesize"   
       @current-change="current_change" 
       :current-page.sync="currentPage" 
       :total=info.length>

       
     </el-pagination>
<script>
  export default {
       data(){
           return{
               info:[],//数据
               pagesize:5,//每页多少数据
               currentPage:1  //默认当前页为第一页
           }
       },
       methods:{
           current_change(currentPage){  //改变当前页
               this.currentPage = currentPage
           }
       },
       mounted(){  //如果使用数据接口
           axios.get('/api',{
               params:{
                    //请求参数
               }
           }).then(res => {
               this.info = res.data //赋值
           })
       }
  }
  </script>

  • 写回答

2条回答 默认 最新

  • 路人甲101 2022-04-18 16:32
    关注
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 8月11日
  • 已采纳回答 8月3日
  • 创建了问题 4月18日

悬赏问题

  • ¥20 wpf datagrid单元闪烁效果失灵
  • ¥15 券商软件上市公司信息获取问题
  • ¥100 ensp启动设备蓝屏,代码clock_watchdog_timeout
  • ¥15 Android studio AVD启动不了
  • ¥15 陆空双模式无人机怎么做
  • ¥15 想咨询点问题,与算法转换,负荷预测,数字孪生有关
  • ¥15 C#中的编译平台的区别影响
  • ¥15 软件供应链安全是跟可靠性有关还是跟安全性有关?
  • ¥15 电脑蓝屏logfilessrtsrttrail问题
  • ¥20 关于wordpress建站遇到的问题!(语言-php)(相关搜索:云服务器)