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