element ui input框无法输入

  • Post author:
  • Post category:其他


在项目中遇到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))
},



版权声明:本文为jwq98原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。