解决vue项目input输入框双向绑定数据不实时生效问题
作者：Beauty_z 发布时间：2024-05-28 15:42:13
我就废话不多说了，大家还是直接看代码吧~
<input type="text" maxlength="11" placeholder="请输入联系人电话" v-model="form.phone" />
这样的输入框，绑定的是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值出现了这样的问题。
开始的写法（没出问题）
<div v-for="(item,index) in infos.visitStockReport" :key="index">
（出问题的写法）
<div v-for="(item) in infos.visitStockReport" :key="item.id">
开始的写法（没出问题）
<div class="record-info" v-for="(bb,index2) in cc.content" :key="index2">
（出问题的写法）
<div class="record-info" v-for="(bb) in cc.content" :key="bb.contentName">
解决方法：
1.可以把代码回退到原来 的，只有控制台waring，两个循环都是以index为key，并不影响正常的编译和运行。
找到了真正的原因：
v-for="(bb) in cc.content"这种写法的问题。
删掉了index那么也不需要括号了。
改成v-for="bb in cc.content"就好了。
来源：https://blog.csdn.net/Beauty_zhang666/article/details/80051048
0
投稿猜你喜欢
- 这些年来，我发现许多开发者对于何时使用数据操纵语言(DML)触发器与何时使用约束感到迷惑。许多时候，如果没有正确应用这两个对象，就会造成问题
- SQL 标准使用 CREATE TABLE 语句创建数据表；MySQL 则实现了三种创建表的方法，支持自定义表结构或者通过复制已有的表结构来
- 生成静态页的方法有很多种，我比较喜欢用xmlhttp的方法生成，因为我不用考虑很多东西，我只要把动态的asp页面编写好就行了。<％ s
本文实例为大家分享了python3单目标粒子群算法的具体代码，供大家参考，具体内容如下关于PSO的基本知识......就说一下算法流程1)- ConfigParser模块在python中用来读取配置文件，配置文件的格式跟windows下的ini配置文件相似，可以包含一个或多个节(s
- 我很久前在YAHOO上扣的代码，兼容性很好，在Windows下的主流浏览器中可以正常运行。大家先不要急着下载代码，你随时都可以下，我们来分
- 在上一篇博客中，我们学习了python遗传算法包geatpy。并用它展示了一个不带约束的单目标规划问题，对往期内容感兴趣的同学可以参考👇:链
- 导读我们在使用selenium打开google浏览器的时候，默认打开的是一个新的浏览器窗口，而且里面不带有任何的浏览器缓存信息。当我们想要爬
- vue设置header使用vue-resource与vue-cookie实现页面登录，数据存储与后台的数据交互后端交互对vue中conten
- 找到对应页面，将Reopen last project on startup前面的勾去掉来源：https://blog.csdn.net/l
- 本文实例为大家分享了python opencv实现图像配准与比较的具体代码，供大家参考，具体内容如下代码 from skimage
- 前言最近由于项目需要，需要读取一个含有中文的txt文档，完了还要保存文件。文档之前是由base64编码，导致所有汉字读取显示乱码。项目组把b
- function is_utf8($string) { &n
- 写在前面的话🪐学了Python一些基础知识之后,相信大家对Python使用方法有了一定的感悟,想要追求深层次的东西还要细细的学、慢慢的学。P
- 1. 模块介绍1. bisect模块为内置标准库，它实现了二分法查找算法(只要提到二分法查找，应该优先想到此模块)2. 主要包含有两个函数：
- centos下安装配置phpmyadmin，我花了二个晚上，郁闷的我不行，配置phpmyadmin简单吧，很简单，我刚工作的时候，就配置过，
- 和其他语言一样，JavaScript也有条件语句对流程上进行判断。包括各种操作符合逻辑语句比较操作符常用的比较操作符有
- 本文将结合实例给大家演示如何使用ASP读取一个目录结构（及包含的文件信息）。演示页面中遍历显示了代码吾爱站点上若干目录文件夹——其中包含它们
- 在html中关于select元素的问题在很多地方都提出过，而在前段时间的项目中，刚好遇到了关于select元素的两个小问题，这里进行一下总结
- 我们在前面已经分别介绍了如何在spring Boot中使用JPA以及如何在Spring Boot中输出REST资源。那么关于数据库访问还有一
