这不会那不会 2022-03-04 09:17 采纳率: 62.9%
浏览 407
已结题

vue分页效果不展示

问题遇到的现象和发生背景
<div class="app-container">
      <el-form :model="queryParams" ref="queryForm" v-show="showSearch" :inline="true"  label-width="68px" style="margin-bottom: -20px;">
        <el-form-item label="机构名称" prop="deptId" >
          <treeselect v-model="queryParams.deptId"
                      :options="deptOptions"
                      :show-count="true"
                      placeholder="请选择归属机构"
                      @onChange="handleNodeClick"/>
        </el-form-item>
        <el-form-item label="用户昵称" prop="nickName">
          <el-input
            v-model="queryParams.nickName"
            placeholder="请输入用户昵称"
            clearable
            size="small"
            style="width: 240px"
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
        <el-form-item label="登录账号" prop="userName">
          <el-input
            v-model="queryParams.userName"
            placeholder="请输入登录账号"
            clearable
            size="small"
            style="width: 240px"
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
        <el-form-item>
          <el-button  type="primary" icon="el-icon-search" size="mini" @click="handleQuery" round>搜索</el-button>
          <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" round>重置</el-button>
        </el-form-item>
      </el-form>
    <div style="height: 10px"></div>
    <el-table v-loading="loading" :data="userList" ref="form"  @selection-change="handleSelectionChange" >
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="用户编号" align="center" key="userId" prop="userId"  />
      <el-table-column label="登录账号" align="center" key="userName" prop="userName" v-if="columns[1].visible" :show-overflow-tooltip="true" />
      <el-table-column label="用户昵称" align="center" key="nickName" prop="nickName" v-if="columns[2].visible" :show-overflow-tooltip="true" />
      <el-table-column label="部门" align="center" key="deptName" prop="deptName" v-if="columns[3].visible" :show-overflow-tooltip="true" />
      <el-table-column label="手机号码" align="center" key="phonenumber" prop="phonenumber" v-if="columns[4].visible" width="120" />
      <el-table-column label="状态" align="center" key="status" v-if="columns[5].visible">
        <template slot-scope="scope">
          <el-switch
            v-model="scope.row.status"
            active-value="0"
            inactive-value="1"
            :disabled="accessLevel == 1"
          ></el-switch>
        </template>
      </el-table-column>
      <el-table-column label="创建时间" align="center" prop="createTime" v-if="columns[6].visible" width="160">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.createTime) }}</span>
        </template>
      </el-table-column>
    </el-table>
    <pagination
      v-show="total>0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getListUser"
    ></pagination>
    <div slot="footer" class="dialog-footer" style="margin-top: 5px">
      <el-button type="primary" @click="submitForm(checkedNm)">确 定</el-button>
      <el-button @click="cancel(checkedNm)">取 消</el-button>
    </div>
  </div>


img

img

img

问题相关代码,请勿粘贴截图
// 查询参数
        queryParams: {
          pageNum: 1,
          pageSize: 10,
          userName: undefined,
          nickName: undefined,
          deptId: undefined
        },

运行结果及报错内容
我的解答思路和尝试过的方法

不知道哪里出了问题,麻烦大家看看

我想要达到的结果

img


现在是这样了,但是我点击第二页没有效果

  • 写回答

3条回答 默认 最新

  • 你好!机器人 2022-03-04 09:28
    关注

    total值呢

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 3月12日
  • 已采纳回答 3月4日
  • 修改了问题 3月4日
  • 修改了问题 3月4日
  • 展开全部

悬赏问题

  • ¥20 vscode虚拟环境依赖包未安装
  • ¥15 odoo17关于owl开发js代码问题
  • ¥15 光纤中多普勒频移公式的推导
  • ¥15 怎么制作一个人脸识别门禁系统
  • ¥20 大华dss监控平台网络关闭登不进去
  • ¥15 请使用蚁群算法解决下列问题,并给出我完整的代码
  • ¥20 关于php录入完成后,批量更新数据库
  • ¥15 请教往复密封润滑问题
  • ¥15 cocos creator发布ios包
  • ¥15 comsol压电材料数据