使用mounted
生命周期钩子在组件安装后立即将光标放入输入字段中。
<script>
export default {
mounted() {
this.$refs.inpName.focus();
}
}
</script>
运行示例 »
这个mounted
生命周期钩子在 Vue 组件挂载到 DOM 树后发生。
因为组件已挂载,所以我们可以访问属于组件实例的属性,例如data
或者computed
,我们可以访问组件的 DOM 元素,因为它们刚刚挂载到 DOM。
Vue教程:Vue 生命周期挂钩
Vue教程:“安装”挂钩
Vue参考:Vue 'beforeMount' 生命周期挂钩
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!