饿了么框架表单验证学习心得

最新推荐文章于 2023-03-06 19:50:34 发布

Yunruohan

最新推荐文章于 2023-03-06 19:50:34 发布

阅读量1.7k

点赞数 1

分类专栏：前端 vue 文章标签：饿了么框架前端表单验证

本文链接：https://blog.csdn.net/titoni_yunruohan/article/details/84792915

版权

本文分享了在饿了么框架下进行表单验证的学习经验，详细介绍了如何使用`:model`和`:rules`属性，以及`el-form-item`的`prop`属性与表单数据模型的对应关系。在改变数据结构后遇到的验证问题，强调了`rules`中的`prop`需与`ruleForm`中的字段保持一致，以确保正确进行表单验证。

摘要由CSDN通过智能技术生成

情景

我想利用饿了么框架实现表单验证
http://element-cn.eleme.io/#/zh-CN/component/form#form-biao-dan
但是我的form里面的model和例子所给的model格式不一样

//这是例子所给的数据结构
ruleForm: {
    name: '',
    region: '',
    date1: '',
    date2: '',
    delivery: false,
    type: [],
    resource: '',
    desc: ''
}

//所做项目中需要提交的数据结构
ruleForm: {
  name: {
    a: ''
  },
  region:{
    date1: '',
    date2: '',
  }
},