原因分析： 1、el-form标签下的层级结构不统一比如有el-form下面有的行加上了el-row，有的没有加上el-row，可能会导致输入框的内容无法输入。也就是要保证el-form-item上面的层级是一致的。 2、页面加载的时候，未在data进行定义（会出 ...

参考：解决Vue+ element ui 表单验证有值但验证失败问题_唇印_前端开发者_前端开发者 (rokub.com) 个人情况： 表单formFirst，值phone,captcha一开始未定义，由父组件传递（只传递了phone） 点击“获取验证码”按钮后，异步获取验证码，并赋值 ...

这是正常赋值方式: 赋值已经成功,但是修改值的时候组件显示的值并没有修改. 修正后代码: 赋值成功并且可以修改. ...

一、问题背景 　　vue3使用el-form的时候，如下代码，会导致输入框无法输入，无法赋值，选择框无法选择 　　ref 组件实例与 ref() 声明响应式变量名重复就会导致响应式失效这样的问题，form的任何表单内容均无法输入，且会报错：Uncaught (in promise ...

出现此问题的原因是因为，初始化表单的时候没有给 '表单' 或者 '表单中某一项' 的初始值造成的； 如给表单中的 user 字段赋值出现问题，那么解决方法如下： 1：给个初始值 form:{ 　　user:'' } 2：this.$set(this.form,'user ...

...

有在watch 里面监听对应属性的变化 后调用 this.$refs.form.validateField('***'); 解决方案来源： el-form-item 校验问题 - 掘金 (juejin.cn) ...

就是把style改写成全局的，不要scoped（注意class，id的唯一，不要影响了整体布局） 链接：https://segmentfault.com/q/1010000017251094 ...