<button ref="btn">我是按钮
<input type="text" v-show="isShow" ref="input">
export default {
name:'index',
data () {
return {
isShow:false
}
},
mounted () {
this.isShow =true
// this.$refs.input.focus()
console.log(this.$refs.input)
// $nextTick 是在DOM更新循环结束之后执行的延迟回调，在修改数据之后使用 $nextTick可以在回调中获取更新后的DOM
this.$nextTick(() => {
// 更新之后的DOM
this.$refs.input.focus()
})
}
}
<style scoped>
