其他分享
首页 > 其他分享> > vue + elementui,表单输入框不能输入数据

vue + elementui,表单输入框不能输入数据

作者:互联网

现状是这样的:
1.新增时是可以的,但是修改就不行了
2.第一次修改可以,再点击修改也不行
3.总结1和2,就是因为表单提交后,就不能修改了
原因:
看表单元素:<el-input v-model="formData.weight" />,绑定了weight字段。
在vue的data里,有给weight赋值,比如:

formData: {
  name: undefined,
  weight: undefinded
}

但是,表单提交后,重置了formData,在vue的methods里有如下方法:

resetFormData() {
  this.fromData = {
    name: undefined
  }
}

把weight字段删掉了,这样vue在进行模型绑定的时候,是找不到weight字段的,也就无法进行双向绑定。只要在resetFormData里把weight字段加上就行了。
完。

标签:vue,weight,elementui,绑定,表单,输入框,字段,修改
来源: https://www.cnblogs.com/subendong/p/16450423.html