zoukankan      html  css  js  c++  java
  • element ui 表单校验,非必填字段校验 All In One

    element ui 表单校验,非必填字段校验 All In One

    没有 props 无法校验 bug

    
        <el-form-item
            class="not-required" label="副标题"  key="subtitle"
            :rules="[
                {
                    required: false,
                    // message: '请输入副标题',
                    trigger: ['change'],
                    // trigger: ['blur', 'change'],
                    validator: validateSubtitle,
                },
            ]">
            <el-input
                style=" 300px;"
                placeholder="4-24个字符,中文占两个字符"
                v-model="ruleForm.subtitle"
                @change="subtitleChange"
            />
        </el-form-item>
    
    

    required: false, 不好使

    
        <el-form-item
            class="not-required" label="副标题" prop="subtitle" key="subtitle"
            :rules="[
                {
                    required: false,
                    // message: '请输入副标题',
                    trigger: ['change'],
                    // trigger: ['blur', 'change'],
                    validator: validateSubtitle,
                },
            ]">
            <el-input
                style=" 300px;"
                placeholder="4-24个字符,中文占两个字符"
                v-model="ruleForm.subtitle"
                @change="subtitleChange"
            />
        </el-form-item>
    
    

    refs



    ©xgqfrms 2012-2020

    www.cnblogs.com/xgqfrms 发布文章使用:只允许注册用户才可以访问!

    原创文章,版权所有©️xgqfrms, 禁止转载 ️,侵权必究⚠️!


    xgqfrms
  • 相关阅读:
    域账户-配置文件
    创建任务计划
    查看系统和PowerShell版本
    查找数组中元素的索引位置
    更改计算机名称,修改密码
    生成GUID
    微服务架构 vs. SOA架构
    springMvc架构简介
    Spring Boot和Spring cloud
    Spring链接汇总
  • 原文地址:https://www.cnblogs.com/xgqfrms/p/15607860.html
Copyright © 2011-2022 走看看