フォーム検証のために添加元素UIアップロードコンポーネント

VUEは、あなたがこの問題を体験する絶好のチャンスかもしれアップロードコンポーネントのいずれかを使用する要素のUIライブラリを依存し、我々はアップロードフォームの検証コンポーネントに追加する必要があります

あなたはここで直接コードを見ることができます

          <EL-フォーム項目クラス= "baseinfo-headimg" REF = "headimgUpload" ラベル= "上传首图：" 小道具= "headImg">
            <EL-アップロードスタイル= "表示：インラインブロック;のmargin-left：5pxの;"
              クラス= "アップロード-headImg"
              リスト型=「ピクチャーカード」
              ：オン成功=「handleHeadImgSuccess」
              ：前にアップロード=「handleHeadImgBefore」
              REF = "headImgElement"
              受け入れ= "JPG、.JPEG、.PNG、.GIF、.BMP、.JPG、.JPEG、.PBG、.GIF、.BMP"
              ：アクション= "imageUploadUrl">
              <DIVスロット= "ファイル" スロットスコープ= "{ファイル}">
                <IMG
                  クラス=「エル・アップロード・list__itemサムネイル」
                  ：SRC = "baseInfo.headImg">
                <スパンクラス= "エル・アップロード・list__item-アクション">
                  <スパン
                    クラス=「エル・アップロード・list__itemプレビュー」
                    @> "handlePictureCardPreview（ファイル）" をクリックしてください=
                    <I CLASS = "エル・アイコンズーム"> </ I>
                  </ span>の
                  <スパン
                    クラス= "エル・アップロード・list__item-削除"
                    @ "handleHeadImgRemove（ファイル）" をクリックしてください=
                  >
                    <Iクラス= "エル・アイコン・削除"> </ I>
                  </ span>の
                </ span>の
              </ div>
              <Iクラス= "エル・アイコン・プラス"> </ I>
            </ EL-アップロード>
            <Pクラス= "アップロードチップ"> <スパン> * </ span>の画像サイズ300ピクセル* 300ピクセル、超えていない60キロバイト</ P>
            <エル・ダイアログ：visible.sync = "dialogUploadIsShow">
              <IMG幅= "100％"：SRC = "baseInfo.headImg">
            </ EL-ダイアログ>
          </ EL-フォーム項目>

　　JS：

      baseInfoRules {
        headImg：[
          {
            必要：trueの場合、メッセージ：、トリガー「最初のマップをアップロードしてください」：「の変化」
          }
        ]
      } //正規形式
方法：{
       //トップ画像は正常にアップロード
    handleHeadImgSuccess（RES）{
     他の操作// xxxの
      。この$ refs.headimgUpload.clearValidate（）; //近いキャリブレーション
    }、  
}

　　追加REFを外層EL-フォームアイテムのコンポーネントをアップロードする：主なアイデアは、解決することです。その後、成功したアップロードファイルのアップロードコンポーネントの後に、このことにより、$ refs.element（要素）.clearValidate（）;.アセンブリの方法は、正の検証があります。

開発で作られた概要は、記事のフォーマットは、より原始的で、私を許して願っています。