路由器|Mybatis+element简单实现自定义数据库分页查询( 二 )



前端部分

  • 前端我用的element的table很简单 , 贴个简单示例
<pagination v-show=\"total>0\" :total=\"total\" :page.sync=\"listQuery.page\" :limit.sync=\"listQuery.limit\" @pagination=\"getList\" />
//totle : 数据总条数
//listQuery.page :第几页
//listQuery.limit : 每页显示几条数据
//@pagination=\"getList\" : 获取后端数据列表的方法
listallQuery: { //群发详情列表页首页数据
page: 1
limit: 10
type: 1
sort: '+id'
articleid: 0

getList() {
getuserlistall(this.listallQuery).then(response => {//后端API请求
this.list = response.data.articlelist.lists //后端传回的列表数据 , 绑定table
this.totalall = response.data.articlelist.totalCount //数据总条数
)