Vue 无法使用 this.$refs.inputText.blur()来关闭键盘

Question

<input ref="inputText" type="text" placeholder="请输入用户名" v-model="Uname" />

app上有个问题，我输入input 内容后点击按钮，input 里面的焦点不会消失，同时也不会收起键盘，这就很恶心了，看到网上有个关闭键盘的方法this.$refs.inputText.blur()，但是直接报错

Uncaught TypeError: Cannot read property 'blur' of undefined

要怎么点击按钮让input 失去焦点以收起键盘，在线等，挺急的@_@

Answer 1

第一种方法：你这个获取不到dom
this.$nexttick(()=>this.$refs.inputText.blur())
第二种方法 指令 生命周期自己看一下
directives: {
blur: {

// 指令的定义
componentUpdated: function (el) {
  el.blur()
}

}
}