Vue3+element-plus,el-form不能连续输入,正确输入后表单检验仍然爆红,且修改表单时各项无数据,表单显示为空。
问题很好解决但是却很难找出来。
vue2+element项目中,el-form的ref和:model数据的变量可以是同名的,即使这里代表的不是同一个变量。即可以写成:
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
但是在Vue3+element-plus中这么写就会有以上错误,所以把ref和:model区分开就可以解决问题
如下图: