关于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
	            })
	          }
	        });
	      },
	}
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值