vue-floating-menu可拖动浮动菜单
鍓嶈█椤惧悕鎬濅箟锛岃繖鏄竴涓叿鏈夋嫋鎷藉拰鍚搁檮鍔熻兘鐨勬偓娴獥鑿滃崟銆備竴涓紑婧愰」鐩槸涓€涓熀浜巚ue鐨勬偓娴獥缁勪欢锛屽彲浠ュ湪灞忓箷涓嚜鐢辨嫋鍔ㄣ€傛嫋鍔ㄥ悗鍙互鏍规嵁鏈€缁堜綅缃惛闄勫埌椤甸潰涓や晶锛岀偣鍑绘偓娴獥鏄剧ず鑿滃崟锛岄檮涓奼ithub椤圭洰鍦板潃vue-floating-menu鏁堟灉濡備笅锛氶亣鍒扮殑闂榧犳爣绉诲姩杩囧揩锛屽鑷存嫋鍔ㄥけ鍘荤劍鐐癸細
moveStart(e){//......ellipsis......//鍏蜂綋鍙互鏌ョ湅document.onmousemove=async(e)=ingithubproject>{this.clickFlag=false;this.moveFlags=true;//馃挜馃憠鎷栨嫿鏃剁殑浣嶇疆鏇存柊鍦ㄨ繖閲屽鐞嗭紝灏辨槸鍥犱负杩欎釜銆?/鎴戜互鍓嶆槸鍗曠嫭鐩戝惉mousemove鐨勶紝鎵€浠ラ亣鍒颁簡杩欎釜闂};document.onmouseup=()=>{document.onmousemove=null;document.onmouseup=null;this.moveEnd();};}锛屽垽鏂槸鍚︽槸鐐瑰嚮浜嬩欢锛?div@mousedown.stop.prevent="moveStart"@click.stop.prevent="toggleMenu">
toggleMenu(){//濡傛灉涓婁竴娆℃寜涓嬩簨浠跺湪涓嬩竴娆＄偣鍑讳簨浠朵腑鍚屾牱鏄偣鍑讳簨浠秈f(this.lastMoveIndex==this.curMoveIndex){//馃挜鐐瑰嚮浜嬩欢}this.curMoveIndex=this.lastMoveIndex;},moveStart(e){//......鐪佺暐鍙?.....//璇︽儏鍙互鏌ョ湅github椤圭洰document.onmousemove=async(e)=>{this.lastMoveIndex++;};document.onmouseup=()=>{document.onmousemove=null;document.onmouseup=null;this.moveEnd();};},UsageDemo鐪嬭繖閲岋細https://vue-floating-menu.net...濡傛灉vue-floating-menu鎰熻涓嶉敊璁板緱缁欎釜璧炩瓙鍝?/p>
