表格+分页

<el-button size="small" type="primary" @click="_search(1)">查询</el-button>
<el-table v-loading="loading" :data="tableData" stripe element-loading-text="数据加载中">
  <el-table-column prop='' label='顶层组织'></el-table-column>
  <el-table-column prop='' label='项目类型'></el-table-column>
  <el-table-column prop='' label='项目角色'></el-table-column>
  <el-table-column prop='' label='项目角色职位等级要求'></el-table-column>
</el-table>
<el-pagination
  layout="total, sizes, prev, pager, next, jumper"
  @current-change="handleCurrentChange"
  :current-page="pageNum"
  @size-change="handleSizeChange"
  :page-sizes="[15, 50, 100]"
  :page-size="pageSize"
  :total="total">
</el-pagination>

//变量
loading: false,
pageNum: 1,
pageSize: 15,
total: 0,
tableData: [],

//查询
_search(_pageNum) {
  let that = this
  if (_pageNum == 1) {
    that.pageNum = 1
  }
  that.loading = true
  let _data = {
    firstorgcode: that.form.firstOrg,
    pageNum: that.pageNum,
    size: that.pageSize
  }
  that.$store.dispatch('devActivityListGet', _data).then((res) => {
    that.tableData = res.data.rows
    that.total = res.data.total
    that.loading = false
  }, (err) => {
    that.$message({
      message: err.message,
      type: 'error'
    })
    that.loading = false
  })
},
handleCurrentChange(val) {
  console.log(`当前页: ${val}`);
  this.pageNum = val
  this._search()
},
handleSizeChange(val) {
  console.log(`每页 ${val} 条`);
  this.pageSize = val
  this._search(1)
},