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字段加上就行了。
完。

posted @ 2022-07-06 13:17  屌丝大叔的笔记  阅读(2697)  评论(0编辑  收藏  举报