element ui input框无法输入

jwq98

于 2022-11-14 10:15:18 发布

阅读量1.5k

点赞数 1

CC 4.0 BY-SA版权

文章标签： vue.js javascript elementui

本文链接：https://blog.youkuaiyun.com/jwq98/article/details/127842256

本文讲述了在项目中遇到input输入受限及表单验证失效的问题，通过`this.$forceUpdate()`和`JSON.parse(JSON.stringify())`方法进行解决，重点在于修复层级嵌套过深导致的界面问题和表单校验的恢复。

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

在项目中遇到input框无法输入，查阅资料后，发现可能是层级嵌套过深的原因，故采用this.$forceUpdate()的方法强制刷新页面，解决了input框无法输入的情况

<el-form-item label="手机号:" prop="mobilePhone">
	<el-input v-model="editForm.mobilePhone" @input="changeNow($event)"></el-input>
</el-form-item>

changeNow() {
    this.$forceUpdate()
},

但是随之又有了一个问题，就是input虽然可以输入了，但是表单验证失效了，查阅各种资料后换了一种方法用JSON.parse(JSON.stringify(this.editForm))成功解决，浅浅记录一下

changeNow() {
    this.editForm = JSON.parse(JSON.stringify(this.editForm))
},