热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

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

今天小编就为大家分享一篇解决VUE双向绑定失效的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

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

lz就说最近遇到的。

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

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

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

还有一种是、

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

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

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

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

。。。很low单很粗暴。

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


推荐阅读
author-avatar
sunshinena
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有