Vue如何快速实现头像裁剪？方法比你想象的要简单

.dialog-footer{鏄剧ず锛歠lex;璇佹槑鍐呭锛氱┖鏍间箣闂达紱瀵归綈椤圭洰锛氬眳涓紱瀛椾綋澶у皬锛?4px锛?reupload{棰滆壊锛?409eff锛涙父鏍囷細鎸囬拡锛泒}銆傚ご鍍忓鍣▄鏄剧ず锛歠lex锛涜瘉鏄庡唴瀹癸細灞呬腑锛涘榻愰」鐩細灞呬腑锛涘搴︼細560px锛涢珮搴︼細400px锛涜儗鏅壊锛?f0f2f5锛涘彸杈硅窛锛?0px锛涜竟鐣屽崐寰勶細4px锛?upload{鏂囨湰瀵归綈锛氬眳涓紱搴曢儴杈硅窛锛?4px锛泒銆傚ご鍍忚鍓獅瀹藉害锛?60px锛涢珮搴︼細400px锛涗綅缃細鐩稿锛?crop-box{瀹藉害锛?00%锛涢珮搴︼細100%锛涜竟鐣屽崐寰勶細4px锛涙孩鍑猴細闅愯棌锛泒}}楂樻晥瀹炵幇闇€姹傜殑鏂规硶灏辨槸閬垮厤閲嶆柊鍙戞槑杞瓙銆傝繕鏈夊緢澶氬浘鐗囪鍓彃浠躲€傝繖閲屾垜閫夋嫨vue-cropper锛屽洜涓哄畠鍔熻兘寮哄ぇ锛屼娇鐢ㄦ柟渚裤€傝瘽涓嶅璇达紝涓婃晥鏋滃浘锛氭晥鏋滃浘瀹夎npminstallvue-cropper浣跨敤import{VueCropper}from'vue-cropper'浠ｇ爜瀹炵幇澶村儚瑁佸壀src/App.vue