![vue 中 使用 element-ui 发送请求前 校验全部表单，报警告： [Element Warn][Form]model is required for validate to work!](https://image.shishitao.com:8440/aHR0cHM6Ly9jc2RuaW1nLmNuL3JlbGVhc2UvYmxvZ3YyL2Rpc3QvcGMvaW1nL29yaWdpbmFsLnBuZw%3D%3D.png?w=700&webp=1 "vue 中 使用 element-ui 发送请求前 校验全部表单，报警告： [Element Warn][Form]model is required for validate to work!")
![vue 中 使用 element-ui 发送请求前 校验全部表单，报警告： [Element Warn][Form]model is required for validate to work!](https://image.shishitao.com:8440/aHR0cHM6Ly9jc2RuaW1nLmNuL3JlbGVhc2UvYmxvZ3YyL2Rpc3QvcGMvaW1nL2FydGljbGVSZWFkRXllcy5wbmc%3D.png?w=700&webp=1 "vue 中 使用 element-ui 发送请求前 校验全部表单，报警告： [Element Warn][Form]model is required for validate to work!")
754 ![vue 中 使用 element-ui 发送请求前 校验全部表单，报警告： [Element Warn][Form]model is required for validate to work!](https://image.shishitao.com:8440/aHR0cHM6Ly9jc2RuaW1nLmNuL3JlbGVhc2UvYmxvZ3YyL2Rpc3QvcGMvaW1nL3RvYmFyQ29sbGVjdC5wbmc%3D.png?w=700&webp=1 "vue 中 使用 element-ui 发送请求前 校验全部表单，报警告： [Element Warn][Form]model is required for validate to work!")
收藏报这种错可能有以下两种情况
1.属性绑定错误，确保绑定的是 :model 而不是v-model ! :model 是element-ui 里面的一个 属性 恰巧 和 v-model 类似而已，两者并没有什么直接关系！
![vue 中 使用 element-ui 发送请求前 校验全部表单，报警告： [Element Warn][Form]model is required for validate to work!](https://image.shishitao.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuLzIwMjAwNzE0MTk1NTM1NTQwLnBuZw%3D%3D.png?w=700&webp=1 "vue 中 使用 element-ui 发送请求前 校验全部表单，报警告： [Element Warn][Form]model is required for validate to work!")
2.检查 ref 是否重复！
是否在其他el-form 中使用了相同的ref 名，多个el-form ref 命名不要相同
最终实现：
![vue 中 使用 element-ui 发送请求前 校验全部表单，报警告： [Element Warn][Form]model is required for validate to work!](https://image.shishitao.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuLzIwMjAwNzE0MTk1ODUwODg0LnBuZw%3D%3D.png?w=700&webp=1 "vue 中 使用 element-ui 发送请求前 校验全部表单，报警告： [Element Warn][Form]model is required for validate to work!")
validate 是element-ui 里面 对整个表单进行校验的方法，参数为一个回调函数。该回调函数会在校验结束后被调用，并传入两个参数：是否校验成功和未通过校验的字段。若不传入回调函数，则会返回一个 promise