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的實例內容無法通過控制檯直接打印