在Vue中输入框自动获取焦点的三种方式

原文：https://blog.csdn.net/weixin_...
原生JS操作DOM
使用mounted钩子函数，它表示页面一加载进来就执行函数里面的内容（和window.onload类似）
1、document实现

<input type="text" v-model='newId' id='inputId'>
var vm = new Vue({
    el: '#app',
    data: {
      newId: '',    
    },
    // 注意：mounted钩子函数的名字不能随便取，而且它不能写在methods属性。
    mounted () {     
       document.getElementById('inputId').focus()
    }

2、ref方式实现
<input type="text" v-model='newId' ref='id'>

var vm = new Vue({
el: '#app',
data: {
  newId: '',    
},
mounted () {     
   this.$refs.id.focus();
}