首页 >> js开发 >> js解决vue项目input输入框双向绑定数据不实时生效问题js大全
js解决vue项目input输入框双向绑定数据不实时生效问题js大全
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
我就废话不多说了，大家还是直接看代码吧~
这样的输入框，绑定的是data中的form对象上的phone字段。在mounted钩子函数里边写：在mounted钩子函数里边写：
this.form.phone = '1888888888';
this.form.phone = '1888888888';这样在页面上时候不会随着输入框值改变而改变。解决方法如下：解决方法如下：
this.$set(this.form,"phone",this.$route.query.mobile)
this.$set(this.form,"phone",this.$route.query.mobile)或者绑定到data里边的一个字符串，也是可以解决的
补充知识：vue模块自动化脚本编译失败module not found补充知识：补充知识：vue模块自动化脚本编译失败module not foundvue的for循环改了key值出现了这样的问题。开始的写法（没出问题）
这样的输入框，绑定的是data中的form对象上的phone字段。在mounted钩子函数里边写：在mounted钩子函数里边写：
this.form.phone = '1888888888';
this.form.phone = '1888888888';这样在页面上时候不会随着输入框值改变而改变。解决方法如下：解决方法如下：
this.$set(this.form,"phone",this.$route.query.mobile)
this.$set(this.form,"phone",this.$route.query.mobile)或者绑定到data里边的一个字符串，也是可以解决的
补充知识：vue模块自动化脚本编译失败module not found补充知识：补充知识：vue模块自动化脚本编译失败module not foundvue的for循环改了key值出现了这样的问题。开始的写法（没出问题）
（出问题的写法）
开始的写法（没出问题）
（出问题的写法）
解决方法： 解决方法： 解决方法： 1.可以把代码回退到原来 的，只有控制台waring，两个循环都是以index为key，并不影响正常的编译和运行。找到了真正的原因：找到了真正的原因：v-for="(bb) in cc.content"这种写法的问题。删掉了index那么也不需要括号了。改成v-for="bb in cc.content"就好了。以上这篇解决vue项目input输入框双向绑定数据不实时生效问题就是小编分享给大家的全部内容了，希望能给大家一个参考。
刚刚发布热门点击发布时间
- [07/09]Chrome抓取页面内容代码|chrome插件获取页面数据
- [07/09]谷歌浏览器数据采集插件开发|谷歌浏览器的采集功能
- [07/09]Chrome插件轻松抓取网络数据,Chrome插件轻松抓取网页源码数据
- [07/09]chrome插件怎么安装?chrome插件开发如何安装chrome插件
- [07/09]快速chrome插件开发-北京chrome插件开发外包
- [12/31]清大光德落地护眼灯|清大光德儿童护眼灯
- [07/20]网站无障碍适老化外包改造私有化过程遇到问题整理
- [07/19]适老化改造工信部明确APP适老化规范：禁广告弹窗，网站需提供特大字体
- [07/19]适老化改造包括哪些方面?
- [07/19]什么是适老化改造？
- [07/19]适老化与信息无障碍是什么关系，二者有何异同？
- [07/19]网站如何进行适老化改造？
- [07/12]老年群体面临“数字鸿沟” 数字化网站适老化改造服务彰显人文关怀
- [07/12]数字适老化改造方案 老龄群体数字化改造受关注
- [07/11]什么是重绘?什么是回流?常见引起回流属性和方法：