VUE -页面载入时,input自动获取焦点代码

你好,在前端对vue框架下篇中,自定义vue指令介绍的示例,页面载入时,input自动获取焦点代码,试了很多次也没有达到输入框自动获到到焦点的效果,请指教 ,谢谢!

页面载入时,输入框自动获取焦点

this.$nextTick里获取 元素 然后调用 foucs方法

参考这个 https://blog.csdn.net/weixin_44058725/article/details/112970902

 <input type="text" ref="inputVal" @blur="test" autofocus="autofocus">
 
methods:{
 
 test(){
 
   this.$refs.inputVal.focus();
 
   }
 
}