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 @   屌丝大叔的笔记  阅读(2816)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
历史上的今天:
2018-07-06 vue父子组件使用时遇到的一个问题
2018-07-06 spring @Transactional注解无效
点击右上角即可分享
微信分享提示