vue input框输入不上文本

ZNN2020

于 2021-06-25 15:34:31 发布

阅读量399

点赞数

分类专栏： VUE

本文链接：https://blog.youkuaiyun.com/ZNNN2018/article/details/118222019

版权

1 篇文章

订阅专栏

本文介绍了一种Vue中表单赋值导致无法编辑输入框的问题及解决方案。通过更改赋值方式，可以有效解决文本框不可输入的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

input输入框

表单form 赋值时，由于需要通过接口查询数据，采用一下代码赋值：

 this.form = {
            phoneNo: res.data.phoneNo,
           	unitPhoneNo: res.data.unitPhoneNo,
           	...
          }

但是此时会出现已赋值的文本框，不可以输入，或输入有问题。
应改为以下方式：

 this.form = {
 			...this.form,
            phoneNo: res.data.phoneNo,
           	unitPhoneNo: res.data.unitPhoneNo,
           	...
          }

此时问题解决。

vue input框 输入不上文本