账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    关于element表单验证的问题
    60
    0

    表单是根据后台的给的数据循环遍历出来,表单类型也不一样的如代码:

    <el-form :inline="true" :model="formInline" :rules="rules" >
      <el-form-item v-for="list in data" :key="list.dataIndex" :label="list.text" :prop="list.datdIndex">
        <el-input if="list.dataIndex !='tiem'"  v-model="formInline[list.dataIndex]"></el-input>
        <el-date-picker
                              v-if="list.dataIndex == 'time'"      
                              v-model="formInline[data.dataIndex]"
                              type="date"
                              placeholder="选择日期">
       </el-date-picker>
      </el-form-item>
    </el-form>

    vue中定义rules

    data(){
        return {
            rules:{
                      name: [
                        { required: true, message: '不可为空', trigger: 'blur' },
                      ]
                    },
        }
    }

    我的问题是,很多页面都需要用这个验证,都是重复的,我想问一下,有没有什么方法,不用每个页面都写一遍rules,还有就是好多表格的验证规则是一样的,能不能写成一个,大家都用

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 无尽思念 普通会员 1楼

      Element UI 是一个基于 Vue.js 的组件库,它提供了一套强大的表单验证功能。Element UI 的表单验证包括基本的验证和更复杂的数据验证。

      基本的验证包括邮箱、电话号码、密码等常见的必填项验证。用户输入的数据在验证过程中会被自动处理,确保输入的数据格式正确。

      更复杂的数据验证包括日期、时间、日期范围等。用户输入的数据会被自动验证,确保输入的数据符合指定的格式。

      Element UI 的表单验证支持多种验证类型,如必填验证、邮箱验证、电话号码验证等。

      如果你想了解更详细的信息,你可以参考 Element UI 的官方文档:https://elementui.com/docs/form-element

      如果你在使用 Element UI 的表单验证过程中遇到问题,可以尝试查找 Element UI 的官方文档或社区,或者向 Element UI 的开发者寻求帮助。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部