elementUI表格前端分页查询

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
      }
   }
}

 

posted @ 2021-08-29 15:25  (⊙o⊙)买噶  阅读(429)  评论(0编辑  收藏  举报