Vue中如何彻底解决双向绑定失效的疑难杂症？

本文共计435个文字，预计阅读时间需要2分钟。

双向绑定失效的原因有很多。例如，最近遇到的，是单价输入框使用了双向绑定（如price）。当输入中文时（即进行输入验证），回车后若框架未做相应处理，则可能出现问题。

双向绑定失效的原因有很多。

lz就说最近遇到的。

是的，单价下的那个输入框我用了双向绑定（比如叫price，比如100）。然后ipnut

键入中文时，（即使我做了输入验证）。回车时虽然框中不会保留中文，但事实上VUE的双向绑定已经失效了。不管你后面输入什么，绑定的price保存的值只会是中文前的那个值（100）。

这样就导致 表面好像没事，但是当你提交时就数据不对了。

还有一种是、

是日期控件（bootstrap的）的问题，部分控件才会。mmp哦，当lz用这个空间选定日期时。以为美滋滋的一次搞定！

当提交的时候 u才发现 双向绑定的变量，压根就是空值。。。。

空值。。。后来才知道，双向绑定 监听的是键入操作。而利用这个日期控件的 “ 键入”，根本就不认识，谢谢，没监听到。

所以没办法，只能手动帮它 “变相绑定”。（进行某操作的时候，获取input的值，给绑定的变量赋值）。

。。。很low单很粗暴。

以上这篇解决VUE双向绑定失效的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持易盾网络。