vue中dialog弹框弹出时怎么聚焦到相关input的输入框中

Question

    <el-dialog
      title="电机条形码绑定"
      width="40%"
      :visible.sync="checkBarCode"
      :close-on-click-modal="false"
    >
      <el-input
        placeholder="请输入绑定的电机条形码"
        v-model="input"
        clearable
        @keyup.enter.native="findBarCode"
        autofocus=autofocus
        id="inputBarCode"
      ></el-input>

    </el-dialog>

当dialog显示时，光标能够聚焦到input输入框中,autofocus只有第一次有用

Answer 1

可以用this.$nextTick(()=>{

    这里写逻辑!
})

Answer 2

ref获取dom，然后dom.focus()

Answer 3

用 v-if 加 autofocus 就可以吧。

一般这种都是有单击触发的，你也可以试试 手动 focus()

---

麻了 http://jsrun.net/yJ9Kp/edit。 直接 focus 吧。

Answer 4

监听dialog弹出事件 open ,在 open 回调里面拿 input的 ref 再设置 focus