基于Vue 2.0监控文本框内容变化的介绍及参考文献的说明

如下图所示：

！DOCTYPE html html lang=' en ' heartheta charset=' UTF-8 ' title title/title link rel='样式表' href=' CSS/bootstrap . CSS ' rel=' external no follow '脚本src=' http : js/jquery-3 . 2 . 1 . min . js '/script script src=' http 3360 js/bootstrap . js '/script script src=' http 3360 js/vue . js '/script/head bodytype } }/div/divscriptvar example 1=new vue({ El : ' # example }，data: {items: {type3360 '千年之恋3360'})，watch : { items : { handler : function(){ alert(this。$ refs . type . value)；}，deep : true } } })/脚本/正文/html

参考描述

Div class='touchscroll'///Div如果我们想得到这个div的某个值，比如scrollTop的值，常规的方法是我们必须使用document.queryselector('。以获取这个dom节点，然后获取scrollTop的值。

但是在与ref绑定之后，我们不需要获取dom节点，只需要在上面的div上绑定div，然后在$refs中调用它

因此，可以这样写：

div class=' touch crow ' ref=' div '///div然后用javascript这样调用它：

这个。$refs.div.scrollTop这样可以减少获取dom节点的消耗！

以上介绍的基于Vue 2.0的监控文本框的内容变化和使用ref的说明都是边肖分享的内容，希望能给大家一个参考和支持。