如何在vue中使用$refs?很多新手對此不是很清楚,為了幫助大家解決這個難題,下面小編將為大家詳細講解,有這方面需求的人可以來學(xué)習(xí)下,希望你能有所收獲。
鹽邊網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián)公司,鹽邊網(wǎng)站設(shè)計制作,有大型網(wǎng)站制作公司豐富經(jīng)驗。已為鹽邊1000多家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站建設(shè)要多少錢,請找那個售后服務(wù)好的鹽邊做網(wǎng)站的公司定做!
一般來講,獲取DOM元素,需document.querySelector(".input1")
獲取這個dom節(jié)點,然后在獲取input1的值。
但是用ref綁定之后,我們就不需要在獲取dom節(jié)點了,直接在上面的input上綁定input1,然后$refs里面調(diào)用就行。
然后在javascript里面這樣調(diào)用:this.$refs.input1
這樣就可以減少獲取dom節(jié)點的消耗了
用法如下:
HTML:
JS:
下面給大家介紹下vue $refs的基本用法,具體代碼如下所示:
一般來講,獲取DOM元素,需document.querySelector(".input1")
獲取這個dom節(jié)點,然后在獲取input1的值。
但是用ref綁定之后,我們就不需要在獲取dom節(jié)點了,直接在上面的input上綁定input1,然后$refs里面調(diào)用就行。
然后在javascript里面這樣調(diào)用:this.$refs.input1 這樣就可以減少獲取dom節(jié)點的消耗了
看完上述內(nèi)容是否對您有幫助呢?如果還想對相關(guān)知識有進一步的了解或閱讀更多相關(guān)文章,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝您對創(chuàng)新互聯(lián)的支持。