在做Vue项目的时候,我的表单明明已经填写了信息,可是点击提交的时候就是报错,提示我出入信息,
经过反复查看代码!!发现细节很重要
<Form ref="form" :model="form" :rules="ruleInline" :label-width="100" class="cont">
<FormItem prop="amplitudeRate">
<label slot="label"><i>*</i>{{vm.$t('exchange.zfbfb')}}</label>
<numberbox v-model="form.amplitudeRate " name="amplitudeRate"></numberbox>
<span>%</span>
</FormItem>
<FormItem prop="changeAmount">
<label slot="label"><i>*</i>{{vm.$t('exchange.zfje')}}</label>
<numberbox v-model="form.changeAmount " :minus="true" name="changeAmount"></numberbox>
</FormItem>
<FormItem prop="changeRate">
<label slot="label"><i>*</i>{{vm.$t('exchange.zhangfbfb')}}</label>
<numberbox v-model="form.changeRate " :minus="true"></numberbox>
<span>%</span>
</FormItem>
...
代码中的 v-model="form.amplitudeRate " 末尾多了一个空格,后面几个也是,而且还加了没必要的name属性,
最后把空格去掉,把name属性去掉,一切就正常了
== 写代码一定要注意细节,不然浪费太多时间 ==