如何解决VUE双向绑定失效的问题-创新互联

小编给大家分享一下如何解决VUE双向绑定失效的问题，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

Vue是一套用于构建用户界面的渐进式JavaScript框架，Vue与其它大型框架的区别是，使用Vue可以自底向上逐层应用，其核心库只关注视图层，方便与第三方库和项目整合，且使用Vue可以采用单文件组件和Vue生态系统支持的库开发复杂的单页应用。

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

lz就说最近遇到的。

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

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

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

还有一种是、

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

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

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

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

以上是“如何解决VUE双向绑定失效的问题”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！