vue h5 實現拖拽

2021-09-28 06:45:43 字數 622 閱讀 2674

目前專案遇到拖拽的功能,記錄一下,大概邏輯如下:

1)左側為分類列表,右側為資料,根據左側的列表分類展示右側的資料;

2)右側的資料還可以拖動到左側型別裡面,類似於資料夾拖動時的剪下,複製

實現:div為目標元素,當滑鼠拖動下面的li 移上去並放開時會觸發,並且滑鼠樣式會發生變化,注意上面的兩個方法為必須

li 為移動的元素,deaggable ="true",表示此元素可移動

// 開始拖拽時執行 通過event.datatransfer.setdata 設定資料

drag (event, lesson) ,

//停止拖拽刪除

dragend (event) ,

//到達目標元素放開滑鼠執行的**,通過 event.datatransfer.getdata可拿到相應的傳輸資料

async drop (data, event)

vue h5實現微信授權

先在main.js中設定全域性的專案位址 方便在其他頁面呼叫 vue.prototype.globalverb then res 2 授權頁面點選按鈕調取授權介面,按照如下格式拼接url btn var notifyurl encodeuricomponent this.baseurl api mp...

vue h5 微信授權

1.首先在main.js 中判斷是否存在token,如果沒有token 而且當前頁面不是author 授權頁面 儲存使用者進入的url,跳轉至授權頁面,那如果本地有token,傳送請求獲取使用者資料 router.beforeeach to,from,next else if token useri...

vue h5與app互動心得

因為h5需要提供全域性方法,普通html檔案直接在window下掛乙個方法即可,如 window.fn function json methods mouted methods es6的字串拼接寫法 window.location.url 1 created 2 mounted 第二次將掛載和呼叫寫...