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

如下所示：

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

 
	
		
		
		
		
		
		
	
 
	
		

			
			
输入框的内容：{{items.type}}
		
		
	
 

ref 说明

//

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

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

因此上面可以写成：

//

然后在javascript里面这样调用：

this.$refs.div.scrollTop.

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

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