微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐