如何在vue中使用$refs

如何在vue中使用$refs?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

盐边网站建设公司成都创新互联公司,盐边网站设计制作,有大型网站制作公司丰富经验。已为盐边1000多家提供企业网站建设服务。企业网站搭建\外贸网站建设要多少钱,请找那个售后服务好的盐边做网站的公司定做!

一般来讲,获取DOM元素,需document.querySelector(".input1")获取这个dom节点,然后在获取input1的值。

但是用ref绑定之后,我们就不需要在获取dom节点了,直接在上面的input上绑定input1,然后$refs里面调用就行。

然后在javascript里面这样调用:this.$refs.input1 这样就可以减少获取dom节点的消耗了

用法如下:

HTML:


  
  添加

JS:

下面给大家介绍下vue $refs的基本用法,具体代码如下所示:


  
  添加

一般来讲,获取DOM元素,需document.querySelector(".input1")获取这个dom节点,然后在获取input1的值。

但是用ref绑定之后,我们就不需要在获取dom节点了,直接在上面的input上绑定input1,然后$refs里面调用就行。

然后在javascript里面这样调用:this.$refs.input1  这样就可以减少获取dom节点的消耗了

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联的支持。


本文名称:如何在vue中使用$refs
分享地址:http://bzwzjz.com/article/jjejsj.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 响应式网站设计方案 成都品牌网站设计 成都网站设计公司 网站制作报价 移动网站建设 定制网站设计 营销型网站建设 手机网站制作 成都网站设计 营销网站建设 盐亭网站设计 营销型网站建设 成都网站设计 网站设计 成都响应式网站建设公司 高端网站建设 成都网站设计 成都网站建设 手机网站建设 重庆网站建设 成都商城网站制作 温江网站设计