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

• Z时代
• 2024-03-05
• 分类：IT

    <el-dialog
      title="电机条形码绑定"
      :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只有第一次有用

回答：

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

    这里写逻辑!
})

回答：

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

回答：

用 v-if 加 autofocus 就可以吧。

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

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

回答：

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

以上是 vue中dialog弹框弹出时怎么聚焦到相关input的输入框中 的全部内容， 来源链接： utcz.com/p/936918.html