element ui 下拉框分頁(yè)

<template>
<el-select v-model="valueuser" placeholder="請(qǐng)選擇用戶" class="interval" @change="selectuser">
   <el-option
      v-for="item in userlist"
      :key="item.userId"
      :label="item.username"
      :value="item.userId">
    </el-option>
    <el-pagination
       @size-change="handleSizeChange"
       @current-change="handleCurrentChange"
       :current-page.sync="currentPage"
       :page-size="pagesize"
       layout="total, prev, pager, next"
       :total="totalnum">
    </el-pagination>
  </el-select>
</template>

<script>
export default {
  data() {
    return {
      valueuser:"",
      userlist:[],
      //分頁(yè)
      currentPage: 1,
      pagesize:10,
      totalnum:50,
    };
  },
  mounted() {
   this.getalluserid();
  },
  getalluserid(){
       this.$http
           .get(`你請(qǐng)求的接口地址` {
           })
           .then(res => {
              // console.log(res.data)
               //this.userlist=res.data;
               this.valueuser=res.data.userId;
               this.totalnum=res.data.length;
               console.log(this.totalnum);
               this.userlist=res.data;
           });
   },
   handleSizeChange(val) {
       //console.log(`每頁(yè) ${val} 條`);
       this.pagesize=val;
    },
   handleCurrentChange(val) {
       //console.log(`當(dāng)前頁(yè): ${val}`);
       this.currentPage=val;
   this.getalluserid();
   }
}
</script>
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 人面猴
    序言：七十年代末朗鸠，一起剝皮案震驚了整個(gè)濱河市，隨后出現(xiàn)的幾起案子，更是在濱河造成了極大的恐慌顾孽，老刑警劉巖托享，帶你破解...
    沈念sama閱讀 210,978評(píng)論 6贊 490
  • 死咒
    序言：濱河連續(xù)發(fā)生了三起死亡事件晰搀，死亡現(xiàn)場(chǎng)離奇詭異呀舔，居然都是意外死亡场斑，警方通過查閱死者的電腦和手機(jī)糠睡，發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,954評(píng)論 2贊 384
  • 救了他兩次的神仙讓他今天三更去死
    文/潘曉璐 我一進(jìn)店門挽鞠，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人狈孔，你說我怎么就攤上這事信认。” “怎么了均抽？”我有些...
    開封第一講書人閱讀 156,623評(píng)論 0贊 345
  • 道士緝兇錄：失蹤的賣姜人
    文/不壞的土叔 我叫張陵嫁赏，是天一觀的道長(zhǎng)。 經(jīng)常有香客問我油挥，道長(zhǎng)潦蝇，這世上最難降的妖魔是什么？ 我笑而不...
    開封第一講書人閱讀 56,324評(píng)論 1贊 282
  • ?港島之戀（遺憾婚禮）
    正文 為了忘掉前任深寥，我火速辦了婚禮攘乒，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘惋鹅。我一直安慰自己则酝，他們只是感情好，可當(dāng)我...
    茶點(diǎn)故事閱讀 65,390評(píng)論 5贊 384
  • 惡毒庶女頂嫁案：這布局不是一般人想出來的
    文/花漫 我一把揭開白布闰集。 她就那樣靜靜地躺著沽讹，像睡著了一般般卑。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上爽雄，一...
    開封第一講書人閱讀 49,741評(píng)論 1贊 289
  • 城市分裂傳說
    那天椭微，我揣著相機(jī)與錄音，去河邊找鬼盲链。 笑死蝇率，一個(gè)胖子當(dāng)著我的面吹牛，可吹牛的內(nèi)容都是我干的刽沾。 我是一名探鬼主播本慕，決...
    沈念sama閱讀 38,892評(píng)論 3贊 405
  • 雙鴛鴦連環(huán)套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開眼，長(zhǎng)吁一口氣：“原來是場(chǎng)噩夢(mèng)啊……” “哼侧漓！你這毒婦竟也來了秩冈？” 一聲冷哼從身側(cè)響起逞怨，我...
    開封第一講書人閱讀 37,655評(píng)論 0贊 266
  • 萬榮殺人案實(shí)錄
    序言：老撾萬榮一對(duì)情侶失蹤，失蹤者是張志新（化名）和其女友劉穎，沒想到半個(gè)月后蹬屹，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體，經(jīng)...
    沈念sama閱讀 44,104評(píng)論 1贊 303
  • ?護(hù)林員之死
    正文 獨(dú)居荒郊野嶺守林人離奇死亡包个，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,451評(píng)論 2贊 325
  • ?白月光啟示錄
    正文 我和宋清朗相戀三年垛玻，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片泽谨。...
    茶點(diǎn)故事閱讀 38,569評(píng)論 1贊 340
  • 活死人
    序言：一個(gè)原本活蹦亂跳的男人離奇死亡璧榄，死狀恐怖，靈堂內(nèi)的尸體忽然破棺而出吧雹，到底是詐尸還是另有隱情骨杂，我是刑警寧澤，帶...
    沈念sama閱讀 34,254評(píng)論 4贊 328
  • ?日本核電站爆炸內(nèi)幕
    正文 年R本政府宣布雄卷，位于F島的核電站搓蚪，受9級(jí)特大地震影響，放射性物質(zhì)發(fā)生泄漏丁鹉。R本人自食惡果不足惜妒潭，卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,834評(píng)論 3贊 312
  • 男人毒藥：我在死后第九天來索命
    文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望鳄炉。 院中可真熱鬧杜耙，春花似錦、人聲如沸拂盯。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,725評(píng)論 0贊 21
  • 一樁弒父案，背后竟有這般陰謀
    文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至团驱，卻和暖如春摸吠，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背嚎花。 一陣腳步聲響...
    開封第一講書人閱讀 31,950評(píng)論 1贊 264
  • 情欲美人皮
    我被黑心中介騙來泰國(guó)打工寸痢， 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留，地道東北人紊选。 一個(gè)月前我還...
    沈念sama閱讀 46,260評(píng)論 2贊 360
  • 代替公主和親
    正文 我出身青樓啼止，卻偏偏與公主長(zhǎng)得像，于是被迫代替她去往敵國(guó)和親兵罢。 傳聞我的和親對(duì)象是個(gè)殘疾皇子献烦，可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,446評(píng)論 2贊 348

推薦閱讀更多精彩內(nèi)容