一聚教程网:一个值得你收藏的教程网站

热门教程

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

时间:2022-06-25 15:43:39 编辑:袖梨 来源:一聚教程网

如下所示:



 
	
		
		Title
		css/bootstrap.css" rel="external nofollow" >
		
		
		
	
 
	
		
输入框的内容:{{items.type}}

ref 说明

//

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

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

因此上面可以写成:

//

然后在javascript里面这样调用:

this.$refs.div.scrollTop.

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

热门栏目