Vue 页面启动时 input 框获得聚焦 focus

Vue 各种方法对比

• Created：html加载完成 前 执行。        执行顺序：父组件----子组件
• Mounted：html加载完成 后 执行。      执行顺序：子组件----父组件
• Methods：事件方法执行
• Watch：watch是去监听一个值的变化，然后执行相对应的函数。
• Computed：computed是计算属性，也就是依赖其它的属性计算所得出最后的值

<el-input ref="id"></el-input>

<script>
	export default{
		mounted(){
			console.log("加载完成后才执行")
			this.$refs.id.focus()
		},
	}
</script>

由于 created 在加载完成前就执行，导致未加载出数据时就执行了focus操作，会导致报错无法聚焦input框