vue this.refs,vuerefs详解

　　本文主要介绍这个的坑。vue中的$refs及其解决方案，具有很好的参考价值。希望对大家有帮助。如有错误或不足之处，请不吝赐教。

vue this.$refs的坑

　　在发展中，这个。$refs有时用于操作真正的DOM节点。

　　假设我在使用的时候，开发时遇到一个小需求，需要子组件传递参数给父组件，不需要通过事件传递。一开始，我用这个。$emit()来编写它，但是我从来没有收到参数，所以我放弃了使用这个。$emit()。

　　因此，使用在父组件中调用子组件的方法来获取传递的参数。但是我还是没有得到传递的参数。

　　1.用这个。$参考文献。如果要在mouend()中使用，必须在这个中实现。$nextTick(()={})。如果找不到ref，原因是mouned()后BOM节点还没有完全挂载，所以找不到定义的ref。

　　2.可以直接在updata()的生命周期函数中使用，不用写这个。$nextTick(()={})

　　3.要在方法中使用：{}方法，您还需要使用这个。$nextTick(()={})直到页面完全呈现，然后调用它。

　　我们在使用vue的时候，会遇到一些坑。比如我们不能用这个得到值。$refs，页面上明显有。

　　我很困惑.原来这和Vue的勾手有关。

　　1.您必须等待页面中的ref子组件被加载，然后才能获取它。

　　2.挂载之前在钩子函数里是拿不到的。

　　3.组件在带有false v-if的父节点下，导致这个子组件没有被渲染，这也是导致无法获取的一个因素。不要忽视它。

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。