基于Vue2.0监听文本框内容变化及ref的使用说明介绍

如下所示:

专注于为中小企业提供成都网站设计、成都做网站服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业罗城免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了近1000家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。



 
	
		
		Title
		
		
		
		
	
 
	
		
输入框的内容:{{items.type}}

基于Vue 2.0 监听文本框内容变化及ref的使用说明介绍

ref 说明

//

如果我们想要获取这个div的某个值,比如scrollTop的值,常规的做法是我们必须用document.querySelector(".touchScroll")获取这个dom节点,然后在获取scrollTop的值。

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

因此上面可以写成:

//

然后在javascript里面这样调用:

this.$refs.div.scrollTop.

这样就可以减少获取dom节点的消耗了!

以上这篇基于Vue 2.0 监听文本框内容变化及ref的使用说明介绍就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持创新互联。


新闻标题:基于Vue2.0监听文本框内容变化及ref的使用说明介绍
网址分享:http://myzitong.com/article/ppcdhi.html