element-ui input 二次获取焦点问题

Question

需要：点开弹窗之后，要自动获取焦点在输入上，但因为这个谈匡是v-if进行切换的，发现到第一次进入这个匡的焦点都正常指定到输入，但将弹匡关 掉再打开，就无法直接指定到该焦点，请问有人遇过这个问题吗？

<el-input v-model =“username”
          @ keyup.enter.native=“login”
          :autofocus=“true”
          ref =“username”/>

   mounted（）{
    console.log（this.$ refs.username。$ el.children[0]）
    this.$ refs.username。$ el.children[0].focus（）
  }

但这样指定没作用呀，不知该如何是好

Answer 1

自問自答了
只要watch這個彈窗的visible狀態, 再focus即可

Answer 2

你可以使用nextTick

Answer 3

我也遇到了 input在dialog里面 dialog是v-if控制的 页面刷新第一次 打开dialog input是有焦点的 再次打开就没有了