ElementUI el-autocomplete组件

PS：放入到autocomplete 组件中的数据源必须包含value字段，因为它是靠这个字段做一些逻辑处理的…

 <el-autocomplete placeholder="请输入POI关键词" ref="poiAutocomplete"
                 v-model="poiKeyword"
                 :fetch-suggestions="poiInputQueryF"
                 :trigger-on-focus="false"
                 @select="handlePoi"
                 popper-class="poi-popper"
                 style="width: 160px;margin-right: 10px;"
>
  <template slot-scope="{item}">
    <div v-if="!item.tag" :title="item.name" style="width: calc(100% - 0px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">{{item.name}}</div>
    <div v-else @click.stop="" class="page-ware">
      <div class="page-info" @click="poiPageTurn(-1)">上一页</div>
      <div class="page-info" @click="poiPageTurn(1)">下一页</div>
      <div class="">{{poiPageNo}}/{{poiPageTotal}}</div>
    </div>
  </template>
</el-autocomplete>

Vue+JS动态触发的方式

private poiPageNo: number = 1;
poiPageTurn(num) {
  if (this.poiPageNo === 1 && num === -1) {
    return;
  }
  this.poiPageNo += num;
  this.poiPageNo = this.poiPageNo <= 0 ? 1 : this.poiPageNo;
  this.$refs.poiAutocomplete.activated = true
  this.$refs.poiAutocomplete.getData(this.poiKeyword);
}