如何在设置数据后强制聚焦 - VueJS

Question

为什么在触发 v-on:changeSelect 后我无法将 focus() 设置到此自动完成中？

  <auto-complete 
   p-id="txtUf" 
   p-title="UF" 
   ref="comobUf"
   :p-service-url="rotas.rotaComboUF"
   v-model="endereco.uf"
   p-value="_id"
   p-label="sigla"
   v-on:changeSelect="setUF"
   class="col s12 m2 l1">
  </auto-complete>

setUF: function(e: IEstado) { Vue.set(this.endereco, "uf", e); this.rotas.rotaComboMunicipio = (<any>this).$root.routes._("municipio.find") + e._id; }

已经尝试使用 $refs 和 $el 到达，但我的光标总是转到 url 字段。

Answer 1

通过以下代码解决：

v-on:keyup.tab="setFocus($event)"

setFocus: function(event) {
      if (event) {
        event.focus();
      }

如何在设置数据后强制聚焦 - VueJS

How to force focus after set data - VueJS

vue.js

autocomplete