首页 > 其他 > 详细

elementUI表格前端分页查询

时间:2021-08-30 06:24:42      阅读:9      评论:0      收藏:0      [点我收藏+]

1、page:当前页数,rows:每页条数

<el-form :model="dataSearch">
   <el-form-item>
      <el-input v-model="dataSearch.name">
   </el-form-item>
</el-form>

<el-table :data="datalist.slice((page-1)*rows,page*rows)"><el-table>

2、筛选  dataList  是获取的所以数据,screenList进行筛选

screenList(){
   for(let i in this.dataSearch){
      const arr=[]
      if(this.dataSearch[i]!==‘‘){
         this.dataList.forEach((item)=>{
            if(item[i].indexOf(this.dataSearch[i])!==-1){
                arr.push(item)
             }
         })
         this.dataList=arr
      }
   }
}

 

elementUI表格前端分页查询

原文:https://www.cnblogs.com/hellowoeld/p/15202677.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!