ref、refs使用的注意事项
ref是被用来给元素或子组件注册引用信息。引用信息将注册在父组件的 $refs 对象身上。如果在普通的DOM元素身上使用,引用指向就是DOM元素;如果用在子组件身上,引用就是指向组件实例。
当v-for用于元素或组件身上时,引用循序就是将包含DOM节点或组件实例的数组。
关于ref注册时间的重要说明:因为ref本身就是作为渲染结果被创建的,在初始渲染的时候不能被范文-他们还不存在! $ref也不是响应式的,因此你不应该试图它用在模板中做数据绑定。
补充一点:
如果你一定要在钩子函数 created() 或者mounted()使用$refs拿到dom元素或者实例,就应该配合使用 this.$nextTick( () => {在此处拿}),这个函数非常的好用呦!!!