Vue、element工作踩坑

表单

第一步、打开对话框或者跳转路由，初始化必须清除验证 💗💗💗💗

第二步、自定义表单验证规则，必须调用callback() 💗💗💗💗💗

      sealInfoRules: {
        organization: [
          {
            validator: (rule, value, callback) => {
              if (value[0] == undefined || value[1] == undefined) {
                return callback(new Error('请选择市局单位'));
              } else {
                callback();  // 就是这里，必须调用一次空callback
              }
            },
            trigger: 'change'
          }
        ],
	}

第三步、通过watch规定v-model禁止输入空格：💗💗💗

  watch: {
    ['sealInfoForm.organizationFullName'](val) {
      if (val != undefined) return val.replace(/\s/g, '');
    }
  }

上传：

关于预览：💗💗💗

1. 通过URL.createObjectURL(file.raw);
2. 转换为blob地址
3. image的src设置成blob地址

关于formData：💗💗

1. formData的实例内容无法通过控制台直接打印