avue如何保证前端不能输入空串

R-sz

于 2025-02-25 12:18:54 发布

阅读量112

点赞数 3

文章标签：前端

本文链接：https://blog.youkuaiyun.com/weixin_42759398/article/details/145849474

版权

 {
      label: "编码",
      prop: "code",
      type: "input",
      // 必填
      rules: [
          { required: true, message: "请输入编码", trigger: "blur" },
        {
          validator: (rule, value, callback) => {
            // 不能是空串
            if (value.trim() === '') {
              callback(new Error('编码名称不能为空'))
            }
            // 判断是否包含空格
            else if (/\s/.test(value)) {
              callback(new Error('编码名称不能包含空格'));
            }

            callback()
          },
          trigger: 'blur'
        }
      ],
      disabled: true,
    },