如何解決VUE雙向綁定失效的問題

小編給大家分享一下如何解決VUE雙向綁定失效的問題，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

vue是什么

Vue是一套用于構(gòu)建用戶界面的漸進(jìn)式JavaScript框架，Vue與其它大型框架的區(qū)別是，使用Vue可以自底向上逐層應(yīng)用，其核心庫(kù)只關(guān)注視圖層，方便與第三方庫(kù)和項(xiàng)目整合，且使用Vue可以采用單文件組件和Vue生態(tài)系統(tǒng)支持的庫(kù)開發(fā)復(fù)雜的單頁(yè)應(yīng)用。

雙向綁定失效的原因有很多。

lz就說(shuō)最近遇到的。

是的，單價(jià)下的那個(gè)輸入框我用了雙向綁定（比如叫price，比如100）。然后ipnut

鍵入中文時(shí)，（即使我做了輸入驗(yàn)證）?；剀嚂r(shí)雖然框中不會(huì)保留中文，但事實(shí)上VUE的雙向綁定已經(jīng)失效了。不管你后面輸入什么，綁定的price保存的值只會(huì)是中文前的那個(gè)值（100）。

這樣就導(dǎo)致 表面好像沒事，但是當(dāng)你提交時(shí)就數(shù)據(jù)不對(duì)了。

還有一種是、

是日期控件（bootstrap的）的問題，部分控件才會(huì)。mmp哦，當(dāng)lz用這個(gè)空間選定日期時(shí)。以為美滋滋的一次搞定！

當(dāng)提交的時(shí)候 u才發(fā)現(xiàn) 雙向綁定的變量，壓根就是空值。。。。

空值。。。后來(lái)才知道，雙向綁定 監(jiān)聽的是鍵入操作。而利用這個(gè)日期控件的 “ 鍵入”，根本就不認(rèn)識(shí)，謝謝，沒監(jiān)聽到。

所以沒辦法，只能手動(dòng)幫它 “變相綁定”。（進(jìn)行某操作的時(shí)候，獲取input的值，給綁定的變量賦值）。

以上是“如何解決VUE雙向綁定失效的問題”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！