从品牌网站建设到网络营销策划,从策略到执行的一站式服务
我就废话不多说了,大家还是直接看代码吧~
创新互联建站成都企业网站建设服务,提供网站制作、成都做网站网站开发,网站定制,建网站,网站搭建,网站设计,成都响应式网站建设公司,网页设计师打造企业风格网站,提供周到的售前咨询和贴心的售后服务。欢迎咨询做网站需要多少钱:028-86922220这样的输入框,绑定的是data中的form对象上的phone字段。
在mounted钩子函数里边写:
this.form.phone = '1888888888';
这样在页面上时候不会随着输入框值改变而改变。
解决方法如下:
this.$set(this.form,"phone",this.$route.query.mobile)
或者绑定到data里边的一个字符串,也是可以解决的
补充知识:vue模块自动化脚本编译失败module not found
vue的for循环改了key值出现了这样的问题。
开始的写法(没出问题)
(出问题的写法)
开始的写法(没出问题)
(出问题的写法)
解决方法:
1.可以把代码回退到原来 的,只有控制台waring,两个循环都是以index为key,并不影响正常的编译和运行。
找到了真正的原因:
v-for="(bb) in cc.content"这种写法的问题。
删掉了index那么也不需要括号了。
改成v-for="bb in cc.content"就好了。
以上这篇解决vue项目input输入框双向绑定数据不实时生效问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持创新互联。
分享题目:解决vue项目input输入框双向绑定数据不实时生效问题-创新互联
URL标题:http://cdkjz.cn/article/djooie.html相关资讯
多年建站经验成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图