解决VUE双向数据绑定失效的问题

双向绑定失效的原因有很多。 lz就说最近遇到的。 是的,单价下的那个输入框我用了双向绑定(比如叫price,比如100)。然后ipnut 键入中文时,(即使我做了输入验证)。回车时虽然框中不会...

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

lz就说最近遇到的。

attachments-2020-08-i4QKncGi5f2a7b3937e09.jpg

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

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

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

还有一种是、

attachments-2020-08-mBrsPQkc5f2a7b44d7120.jpg

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

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

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

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

。。。很low但很粗暴。

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
粪斗
粪斗

185 篇文章

作家榜 »

  1. admin 651 文章
  2. 粪斗 185 文章
  3. 王凯 92 文章
  4. 廖雪 78 文章
  5. 牟雪峰 12 文章
  6. 李沁雪 9 文章
  7. 全易 2 文章
  8. Stevengring 0 文章