如何在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
URL分享:http://ybzwz.com/article/jjejsj.html