适用于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
})
}
});
},
}
}