ant design vue  a-int 文本框默认获得焦点

定义元素名称  ref  如下： ref=“codeInput”

<a-input ref="codeInput" v-model="model.invoiceCode" placeholder="请输入发票号" :readOnly="inputReadonly"></a-input>

在created钩子中实现

 this.$nextTick(() => {
          this.$refs.codeInput.focus()   //  获得焦点
        })

这里需要增加一个 nextTick，否则无法获取这个dom节点从而无法设置焦点。

vue 在 created中函数执行的时候dom元素还没有进行过渲染，这个时候操作DOM无效，所以需要将dom操作放在nextTick()的回调方法中。