如下所示:
專注于為中小企業(yè)提供成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)羅城免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動(dòng)了近1000家企業(yè)的穩(wěn)健成長,幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。
Title 輸入框的內(nèi)容:{{items.type}}
ref 說明
//
如果我們想要獲取這個(gè)div的某個(gè)值,比如scrollTop的值,常規(guī)的做法是我們必須用document.querySelector(".touchScroll")獲取這個(gè)dom節(jié)點(diǎn),然后在獲取scrollTop的值。
但是用ref綁定之后,我們就不需要在獲取dom節(jié)點(diǎn)了,直接在上面的div上綁定div,然后$refs里面調(diào)用就行
因此上面可以寫成:
//
然后在javascript里面這樣調(diào)用:
this.$refs.div.scrollTop.
這樣就可以減少獲取dom節(jié)點(diǎn)的消耗了!
以上這篇基于Vue 2.0 監(jiān)聽文本框內(nèi)容變化及ref的使用說明介紹就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持創(chuàng)新互聯(lián)。