美文网首页
vue 用ref获取属性为undefined

vue 用ref获取属性为undefined

作者: 钢铁萝莉猫 | 来源:发表于2020-07-15 10:21 被阅读0次

前几天遇到一个小问题,用this.$refs.xxx.setoffTop,竟然为undefined,关键是this.$refs.xxx是有值的。

可是以前不都是这么用的吗

最后用this.$refs.xxx.$el.setoffTop得到了

  • 原因是:这回我用$refs获得的是一个组件,不是原有的DOM元素。

$refs和$el的使用:

$ref 加在普通的元素上,用this.$refs.(ref值) 获取到的是dom元素
$ref 加在子组件上,用this.$refs.(ref值) 获取到的是组件实例,可以使用组件
的所有方法。
获取Vue实例关联的DOM元素,需要再加上.$el。
在使用方法的时候直接this.$refs.(ref值).方法() 就可以使用了。

相关文章

网友评论

      本文标题:vue 用ref获取属性为undefined

      本文链接:https://www.haomeiwen.com/subject/aucdhktx.html