溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

怎么使用Vue的watch偵聽器

發布時間:2021-12-08 17:07:14 來源:億速云 閱讀:146 作者:小新 欄目:開發技術

小編給大家分享一下怎么使用Vue的watch偵聽器,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!

偵聽器watch 

  • 函數名就是要偵聽的元素的名字

  • 傳入的參數第一個是變化后的新值newval,第二個是變化前的舊值oldval 

格式

方法格式的偵聽器

  • 無法在剛進入頁面時自動觸發,只有在偵聽到變化才會觸發

  • 如果偵聽的是對象,當對象的屬性發生變化時,不會偵聽到

對象格式的偵聽器

  • 通過immediate選項,可以讓偵聽器自動觸發

  • 通過deep選項,使偵聽器深度偵聽到對象中屬性的變化

這是Vue實例中的data對象:

怎么使用Vue的watch偵聽器

設置偵聽器:

下面分別是方法格式的偵聽器和對象格式的偵聽器:

方法格式的偵聽器實現的是,當input中內容變化時,觸發偵聽,偵聽input中的內容(內容是與tem綁定好的),如果當前input中的內容不在already數組中,就添加到already中,否則彈出提示框該名稱已存在

對象格式的偵聽器實現的是,頁面一旦載入就立即觸發偵聽,偵聽foo對象name屬性的變化。

怎么使用Vue的watch偵聽器

看完了這篇文章,相信你對“怎么使用Vue的watch偵聽器”有了一定的了解,如果想了解更多相關知識,歡迎關注億速云行業資訊頻道,感謝各位的閱讀!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女