vue h5與app互動心得

2021-08-26 02:15:58 字數 787 閱讀 5305

因為h5需要提供全域性方法,普通html檔案直接在window下掛乙個方法即可,如:

window.fn = function

(json)

methods:

}mouted()

methods:` // es6的字串拼接寫法

}}

window.location.url = ''

1、created

2、mounted

第二次將掛載和呼叫寫在了mounted內,結果:頁面閃退,猜測(誤):掛載和呼叫靠的太近,可能方法未掛載完就直接呼叫,導致閃退

3、created+mounted

created內掛載方法,mounted內呼叫互動,結果:我的ios12無異常,幾乎以為成功時,ios10還是發生了閃退,猜測ios12的webview對此問題進行了優化,考慮相容性,方案不可行。

4、延時

猜測是window沒有載入完便呼叫了window下的方法,導致閃退,對互動方法加了1s延時,成功!但體驗一般,因為硬性的定時容易引發許多不可控的問題,而且彈窗延時的存在導致使用者體驗低下。

4、window.onload

onload 事件會在頁面或影象載入完成後立即發生。mounted鉤子裡新增**window.onload=function(),在window載入完成以後觸發互動,而且此時間節點在vue的生命週期是不存在的,也是在mounted、created鉤子後發生的,這個原生的方法還是很棒的,完美解決~!

vue h5 實現拖拽

目前專案遇到拖拽的功能,記錄一下,大概邏輯如下 1 左側為分類列表,右側為資料,根據左側的列表分類展示右側的資料 2 右側的資料還可以拖動到左側型別裡面,類似於資料夾拖動時的剪下,複製 實現 div為目標元素,當滑鼠拖動下面的li 移上去並放開時會觸發,並且滑鼠樣式會發生變化,注意上面的兩個方法為必...

vue h5 微信授權

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

vue h5實現微信授權

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