<el-table :data="userList" :key="key" style="width: 100%">
        <el-table-column prop="name" label="姓名" width="180" />
        <el-table-column prop="phone" label="電話(huà)" />
        <el-table-column prop="email" label="郵箱" width="180" />
        <el-table-column prop="role" label="角色" />      
        <el-table-column label="操作">
          <template #default="scope">
            <el-button type="primary" @click="editRow(scope.row)">編輯</el-button>
            <el-button type="danger" @click="deleteRow(scope.row)">刪除</el-button>
          </template>
        </el-table-column>
        <!-- mg_state 狀態(tài) -->
      </el-table>
      <!-- 分頁(yè) -->
      <el-pagination v-model:currentPage="searchParams.pagenum" v-model:page-size="searchParams.pagesize"
        :page-sizes="[2,5,10,20]" :small="small" layout="total, sizes, prev, pager, next, jumper" :total="total"
        @size-change="searchList" @current-change="searchList" />

const searchList = () => {
        //從第i個(gè)開(kāi)始，數(shù)pagesize個(gè)，少于sum和length
        var i = data.searchParams.pagesize * (data.searchParams.pagenum - 1)        
        var sum = i + data.searchParams.pagesize
        //顯示的數(shù)據(jù)
        var user = []
        //取需要的數(shù)據(jù)
        axios.post("/getuser", (data.searchParams)).then(res => {
          // userListApi(data.searchParams).then(res=>{           
          if (res.data) {
            for (; i < res.data.length && i < sum; i++) {             
              user.push(res.data[i])
            }
            data.userList = user;
            data.total = res.data.length;
          }
        }).catch(err => {
          console.log(err)
        })
      }

// 獲取單個(gè)用戶(hù)信息
function getUser(options) {
  // 先從 localStorage 中拉取數(shù)據(jù)
  // var userlist = JSON.parse(localStorage.getItem('userlist'))
  var userlist = getList()
  //判斷有無(wú)參數(shù)
  if (JSON.parse(options.body).query) {
    console.log("查單個(gè)")
    //查到的個(gè)數(shù)
    var sum = 0
    //查到的數(shù)據(jù)
    var user = []
    // 遍歷數(shù)組，返回id 與傳來(lái) id 相當(dāng)?shù)囊粋€(gè)對(duì)象    
    for (let index in userlist) {
      //字符串轉(zhuǎn)對(duì)象再去掉所有空格
      if (userlist[index].name == JSON.parse(options.body).query.replace(/\s+/g, "")) {
        console.log("查詢(xún)到了")
        //返回?cái)?shù)組的話(huà)data.includes is not a function，數(shù)組≠proxy
        // var user=userlist[index]
        // return user
        user.push(userlist[index])
        sum++
      }
    }
    return user
  }
  else {
    console.log("查所有")
    return userlist
  }
}
Mock.mock('/getuser', 'post', getUser)