vue之監(jiān)聽器的使用案例詳解
第一種,用jquery的ajax發(fā)請求
用戶注冊時,判斷用戶名不能重復(fù),可以用到監(jiān)聽器。監(jiān)聽器,用watch,需要監(jiān)聽哪個值的變化,就把這個值,放在watch里面。
拿到新值,調(diào)用接口,去請求后端,判斷用戶名是否已存在。
此時,遇到的問題,用戶刷新頁面的時候,并不會觸發(fā)監(jiān)聽器,只是在username值發(fā)生變化的時候,才會觸發(fā)監(jiān)聽器,改進方法:將方法格式的偵聽器改成對象格式的偵聽器。
優(yōu)先推薦方法格式的監(jiān)聽器(最簡單),如果刷新進來就需要執(zhí)行一次,就定義成對象的監(jiān)聽器。
當一個對象有多個屬性的時候,我們必須用對象格式的監(jiān)聽,如果需求對象任意一個屬性改變,都能觸發(fā)監(jiān)聽器,就必須開啟deep屬性
當對象有多個屬性,開啟deep:true。
如果要監(jiān)聽的是對象的某個子屬性變化,則用下面的寫法:
總結(jié):
到此這篇關(guān)于vue之監(jiān)聽器的使用案例詳解的文章就介紹到這了,更多相關(guān)vue之監(jiān)聽器的使用內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
解決vue axios跨域 Request Method: OPTIONS問題(預(yù)檢請求)
這篇文章主要介紹了解決vue axios跨域 Request Method: OPTIONS問題(預(yù)檢請求),具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08vue?element?ui表格相同數(shù)據(jù)合并單元格效果實例
工作中遇到需要根據(jù)單元格某個屬性合并,特此記錄下,下面這篇文章主要給大家介紹了關(guān)于vue?element?ui表格相同數(shù)據(jù)合并單元格效果的相關(guān)資料,文中通過圖文介紹的非常詳細,需要的朋友可以參考下2023-11-11關(guān)于vue中如何監(jiān)聽數(shù)組變化
這篇文章主要介紹了關(guān)于vue中如何監(jiān)聽數(shù)組變化,對vue感興趣的同學(xué),必須得參考下2021-04-04