关于iview-admin中table的page问题

适用于view-admin的post请求数据,后台已做好分页
首先代码

<template>
	<Table border :columns="columns" :data="data"  >
	            
	</Table>
	<Page :total="total" :page-size="workersinfo.pageSize" show-elevator show-sizer show-total @on-change="pageChange"></Page>
</template>

当然之后就是post请求数据,然后接收到,把数据丢给data
关键点:
1.把分页请求的页数pageIndex和行数pageSize和查询数据放在一起,即对象workersinfo,发给后台
2.show-elevator 按会车才会生效,可自己加按钮跳转
如下代码

export default{
//   components:{
//       cusForma
//   },
  data(){
    return{
      workersinfo:{
        number:'',
        name:'',
        pageIndex: 1,
        pageSize: 10,
      },
    }
  },

	methods:{
		forData() {
	        this.$axios('url','post',this.workersinfo).then(res => {
	          if(res.code === 0) {
	            this.data =res.data.list;
	            this.total =res.data.total;
	          }else if(res.code === 1){
	            this.$Notice.info({
	              title:res.msg
	            })
	          }
	        });
	      },
	}
}

你可能感兴趣的:(关于iview-admin中table的page问题)