Vue.js vue弹出式输入自动获取焦点

我正在使用VUE2.x

我有一个html看起来像（这个html文件包含在jsp文件中）：

myVM=新Vue({
名称：“myVM”，
el:‘myDiv’，
数据（）{
返回{
输入：“”，
文本区域：“”
}
},
方法：{
showPopup（）{
jQuery（“#popupDiv”）.modal（'show'）；
这是.$refs.popup.focus（）；
}
}
})

当用户单击此输入时，将显示弹出对话框（引导模式）

现在我希望弹出对话框的

textarea

在显示弹出对话框时自动获得焦点，所以我尝试在

showPopup（）

中使用

this.$refs.popup.focus（）

，但它不起作用<代码>自动对焦也不起作用

---

沙盒是

showPopup

方法中的打开引导模式`

showPopup(){
  $('#popupDiv').modal('show');
  this.$refs.popup.focus();
},

---

将自动对焦属性添加到文本区域。如果您通过

#popupDiv

上的

v-If

或

v-show

触发弹出窗口，则应等待

$nextTick

，然后再尝试对焦文本区域-否则，如果还不可见，浏览器将忽略对焦请求。@shahidqbal我尝试过

autofocus

之前，它也不起作用。@IVOGELOV它不是由

v-if

或

v-show

触发的，它是引导模式。不幸的是，它不起作用。

showPopup(){
  $('#popupDiv').modal('show');
  this.$refs.popup.focus();
},