HTML部分：
    <el-select
      v-model="value1"
      placeholder="請(qǐng)選擇數(shù)據(jù)"
      :clearable="false"
      style="width: 240px"
      size="mini"
      filterable
      :filter-method="filter"
    >
      <el-option
        v-for="item in optionfen"
        :key="item.value"
        :label="item.value"
        remote
        :value="item.label"
        placeholder="請(qǐng)輸入"
      >
      </el-option>
      <div style="bottom: -10px">
        <el-pagination
          small
          @current-change="handleCurrentChange"
          :current-page="currentpage"
          :page-size="pageSize"
          layout="prev, pager,next,total"
          :total="options.length"
        >
        </el-pagination>
      </div>
    </el-select>

JS部分
export default {
  data() {
    return {
      options: [],  //總數(shù)據(jù)
      optionfen: [],  //當(dāng)前頁碼的數(shù)據(jù)
      value1: "",  //輸入框的值
      currentpage: 1,   //當(dāng)前頁碼
      pageSize: 10,   //每頁展示的條數(shù)
    };
  },
  methods: {
  //分頁的實(shí)現(xiàn),currentpage 為頁碼，每頁展示的數(shù)據(jù)為10（可自行更改pageSize）條，分別是在總數(shù)據(jù)options中
  //下標(biāo)從(currentpage -1)*10開始的十條數(shù)據(jù)
    handleCurrentChange(val) {
      this.optionfen = [];
      this.currentpage = val;
      let start = (val - 1) * this.pageSize;
      let end = Number(start) + Number(this.pageSize);
      //此處需要判斷如果計(jì)算的結(jié)束下標(biāo)大于總數(shù)據(jù)的長度，則需要修改結(jié)束下標(biāo)
      if (end > this.options.length) {
        end = this.options.length;
      }
      for (let i = start; i < end; i++) {
      //將取到的數(shù)據(jù)展示在頁面
        this.optionfen.push(this.options[i]);
      }
    },
};

npm install v-selectpage@2.1.4 -save

import vSelectPage from 'v-selectpage'
Vue.use(vSelectPage, {
   language: 'cn',
   placeholder: '請(qǐng)選擇數(shù)據(jù)'
 })

<v-selectpage :data="options" v-model="value" show-field="name" key-field="value"></v-selectpage>
//其他的屬性參考官方文檔