如何在vue.js sfc根元素可见后将其设置为焦点（切换v-show）

我有一个侧导航组件，默认情况下使用

v-show

隐藏

外部组件中的单击事件在

vuex

中设置一个标志以切换侧导航

显示侧导航组件后，如何将焦点设置为侧导航组件的根

div

---

我试图用它来隐藏侧面导航，可能是这样的：

导出默认值{
观察：{
someVarFromVuex（值）{
//除非该值已打开，否则不要聚焦
如果（！value）返回；
//确保将ref添加到模板中。
//你也可以用身份证。
常量$input=此。$refs.input。$el；
//以防输入不存在。。。
如果（$输入）{
这个.$nextTick（（）=>{
$input.focus（）；
})
} 
},
},
};

请注意，如果您实际上正试图聚焦一个

div

，那么它将需要一个

tabindex