解決VUE雙向綁定失效的問(wèn)題
雙向綁定失效的原因有很多。
lz就說(shuō)最近遇到的。
是的,單價(jià)下的那個(gè)輸入框我用了雙向綁定(比如叫price,比如100)。然后ipnut
鍵入中文時(shí),(即使我做了輸入驗(yàn)證)。回車時(shí)雖然框中不會(huì)保留中文,但事實(shí)上VUE的雙向綁定已經(jīng)失效了。不管你后面輸入什么,綁定的price保存的值只會(huì)是中文前的那個(gè)值(100)。
這樣就導(dǎo)致 表面好像沒(méi)事,但是當(dāng)你提交時(shí)就數(shù)據(jù)不對(duì)了。
還有一種是、
是日期控件(bootstrap的)的問(wèn)題,部分控件才會(huì)。mmp哦,當(dāng)lz用這個(gè)空間選定日期時(shí)。以為美滋滋的一次搞定!
當(dāng)提交的時(shí)候 u才發(fā)現(xiàn) 雙向綁定的變量,壓根就是空值。。。。
空值。。。后來(lái)才知道,雙向綁定 監(jiān)聽的是鍵入操作。而利用這個(gè)日期控件的 “ 鍵入”,根本就不認(rèn)識(shí),謝謝,沒(méi)監(jiān)聽到。
所以沒(méi)辦法,只能手動(dòng)幫它 “變相綁定”。(進(jìn)行某操作的時(shí)候,獲取input的值,給綁定的變量賦值)。
。。。很low單很粗暴。
以上這篇解決VUE雙向綁定失效的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
Vue+Openlayers實(shí)現(xiàn)實(shí)時(shí)坐標(biāo)點(diǎn)展示
這篇文章主要為大家詳細(xì)介紹了Vue+Openlayers實(shí)現(xiàn)實(shí)時(shí)坐標(biāo)點(diǎn)展示,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-03-03vue?el-switch初始值(默認(rèn)值)不能正確顯示狀態(tài)問(wèn)題及解決
這篇文章主要介紹了vue?el-switch初始值(默認(rèn)值)不能正確顯示狀態(tài)問(wèn)題及解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-10-10Vue使用pdfobject實(shí)現(xiàn)預(yù)覽pdf的示例詳解
PDFObject?是一個(gè)?JavaScript?庫(kù)用來(lái)在HTML中動(dòng)態(tài)嵌入?PDF?文檔。這篇文章主要為大家詳細(xì)介紹了使用pdfobject實(shí)現(xiàn)預(yù)覽pdf的功能,需要的可以了解一下2023-03-03如何基于vue-cli3.0構(gòu)建功能完善的移動(dòng)端架子
這篇文章主要介紹了基于vue-cli3.0構(gòu)建功能完善的移動(dòng)端架子,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04