アップロードボタンを非表示にする1枚の画像をアップロードするelementUI
いくつかの単語の男は、コードに直接、言いました
< EL-フォーム項目> < EL-アップロード アクション= "https://jsonplaceholder.typicode.com/posts/" リスト型= "ピクチャーカード" :ON-プレビュー= "handlePictureCardPreview" :ON-削除=を" handleRemove「画像アップロードイベント :限界=」1「 :-変化=」handleChange「画像アップロードイベント :クラス=」{隠す:hideUpload}「クラス表現が非表示スタイルを呼び出すための条件を達成するために使用された設定 > < I クラス=」アイコン-PLUS-EL " > </ I > </ エルアップロード> < EL-ダイアログ:visible.sync = "ruleForm.dialogVisible" > < IMG 幅= "100%" :SRC = "ruleForm.headPortrait" ALT = "" /> </ EL-ダイアログ> </ EL-フォーム項目>
<SCRIPT>中
インポート
「../../style/uoLoad.css」
; //インポート外部ユーザーは、CSSスタイルを変更するには、スタイルを隠すことです
データ(){//初期値の限界数設定
リターン{
hideUpload:falseに 、
limitCount :. 1
}
}
イベント
方法:{
handleRemove(ファイルのfileList){
this.hideUpload = fileList.length> = this.limitCount。
}、
handleChange(のfileList){
this.hideUpload = fileList.length> = this.limitCount。
this.hideUpload =真; //は唯一のケースは、隠されたトゥーレがあるときに実行しました
}、
}