白瑕 2022-08-14 09:05 采纳率: 80%
浏览 109
已结题

在computed里写element表单校验规则

如何在将element表单校验规则写在computed中的情况下
实现element表单校验

  • 写回答

2条回答 默认 最新

  • 船长在船上 前端领域优质创作者 2022-08-14 10:25
    关注
    
    
    <el-form class="apply-form" :model="formData" :rules="rules" ref="form">
        <el-form-item label="坐标" prop="longitude">
            <el-input v-model="longitude" placeholder="请输入坐标" clearable></el-input>
        </el-form-item>
    ......
     
    </el-form>
    
    computed: {
        rules() {
          const checkEmail = () => (rule, value, callback) => {
            if (value) {
              var email = /^(\-|\+)?(((\d|[1-9]\d|1[0-7]\d|0{1,3})\.\d{0,8})|(\d|[1-9]\d|1[0-7]\d|0{1,3})|180\.0{0,8}|180)$/;
              if (email.test(value)) {
                return callback();
              } else {
                return callback("请输入正确的坐标");
              }
            } else {
              return callback("请输入X坐标");
            }
          };
          
          let rules = {
           
        
            workPeople: [
              { required: true, message: "请输入作业人", trigger: "change" },
            ],
           
            longitude: [
              { required: true, validator: checkEmail(), trigger: "change" },
            ],
            
            addselect: [
              { required: true, message: "请选择", trigger: ["blur", "change"] },
            ],
         
          };
          return rules;
        },
      },
    

    参考一下

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 8月22日
  • 已采纳回答 8月14日
  • 创建了问题 8月14日

悬赏问题

  • ¥15 workstation加载centos进入emergency模式,查看日志报警如图,怎样解决呢?
  • ¥50 如何用单纯形法寻优不能精准找不到给定的参数,并联机构误差识别,给定误差有7个?matlab
  • ¥15 workstation加载centos进入emergency模式,查看日志报警如图,没有XFS,怎样解决呢?
  • ¥15 应用商店如何检测在架应用内容是否违规?
  • ¥15 Ubuntu系统配置PX4
  • ¥50 nw.js调用activex
  • ¥15 数据库获取信息反馈出错,直接查询了ref字段并且还使用了User文档的_id而不是自己的
  • ¥15 将安全信息用到以下对象时发生以下错误:c:dumpstack.log.tmp 另一个程序正在使用此文件,因此无法访问
  • ¥15 速度位置规划实现精确定位的问题
  • ¥15 MAC虚拟机(win11)USB插上后无串口com,无法烧录