ref、refs使用的注意事项

ref是被用来给元素或子组件注册引用信息。引用信息将注册在父组件的 $refs 对象身上。如果在普通的DOM元素身上使用,引用指向就是DOM元素;如果用在子组件身上,引用就是指向组件实例。

当v-for用于元素或组件身上时,引用循序就是将包含DOM节点或组件实例的数组。

关于ref注册时间的重要说明:因为ref本身就是作为渲染结果被创建的,在初始渲染的时候不能被范文-他们还不存在! $ref也不是响应式的,因此你不应该试图它用在模板中做数据绑定。

补充一点:

  如果你一定要在钩子函数 created()   或者mounted()使用$refs拿到dom元素或者实例,就应该配合使用 this.$nextTick( () => {在此处拿}),这个函数非常的好用呦!!!

posted @ 2018-07-15 10:31  杜拉克草  阅读(339)  评论(0编辑  收藏  举报