当前位置: 首页> 汽车> 新车 > 文创产品设计作品_疫情排行榜最新消息_网站降权查询工具_seo搜索引擎排名优化

文创产品设计作品_疫情排行榜最新消息_网站降权查询工具_seo搜索引擎排名优化

时间:2025/8/5 3:14:43来源:https://blog.csdn.net/SSHLY3/article/details/144880555 浏览次数: 0次
文创产品设计作品_疫情排行榜最新消息_网站降权查询工具_seo搜索引擎排名优化

问题描述:

今天出现一个问题,业务是有一个身份证码输入框:

当光标移出这个输入框后,需要拿这个证件号去库里查到用户信息,如果用户表里有用户信息,就把下面待输入的名字、电话号码输入框进行预填入。

身份证输入框代码如下:这里可以给这个输入框注册一个光标移出事件handleNewUserBlur

<el-form-item label="用户证件号码" prop="newCarownerIdcard"><el-input v-model="form.newCarownerIdcard" placeholder="请输入用户证件号码"@blur="handleNewUserBlur"/>
</el-form-item>

 methods里面写:

newUserPhone(event) {//在这里处理光标移出事件的逻辑const idCard=this.form.newUserIdcard;console.log('用户证件号码输入框光标移出,idCard为--->'+idCard);if(!idCard){return;}// 用证件号带出的新用户信息数据getUserByIdcard(idCard).then(response => {const newUser = response.data;if(newUser){this.form.newUserName=newUser.name;this.form.newUserPhone=newUser.phone;console.log('查到新用户姓名newUserName--->'+this.form.newUserName);console.log('查到新用户电话newUserPhone--->'+this.form.newUserPhone);}else{console.log('未查到新用户');}});},

这里两句打印明明已经可以输出form里面的数据了,但输入框却不做响应式处理 

解决办法:

因为这是在异步操作或动态添加属性时赋值,所以可以尝试用.$set来赋值

代码:

 newUserPhone(event) {//在这里处理光标移出事件的逻辑const idCard=this.form.newUserIdcard;console.log('用户证件号码输入框光标移出,idCard为--->'+idCard);if(!idCard){return;}// 用证件号带出的新用户信息数据getUserByIdcard(idCard).then(response => {const newUser = response.data;if(newUser){//this.form.newUserName=newUser.name;            this.$set(this.form, 'newUserName', newUser.name);//this.form.newUserPhone=newUser.phone;this.$set(this.form, 'newUserPhone', newUser.phone);console.log('查到新用户姓名newUserName--->'+this.form.newUserName);console.log('查到新用户电话newUserPhone--->'+this.form.newUserPhone);}else{console.log('未查到新用户');}});},

关键字:文创产品设计作品_疫情排行榜最新消息_网站降权查询工具_seo搜索引擎排名优化

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: