vue.js - 如何在设置数据后强制焦点 - VueJS

Question

为什么在 v-on:changeSelect 触发后我不能将 focus() 设置到这个 autoComplete 中？

  <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 字段。

标签： vue.jsautocomplete

Answer 1

用以下代码解决：

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

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