uniapp 踩坑

獲取數據javascript

可在 onLoad 生命週期中獲取數據,接收一個參數 option 爲上個頁面傳遞的參數.

vue
點擊事件tap代替clickjava

二者都會在點擊時觸發，可是在web手機端，clikc會有300ms延時，因此要用tap代替click做爲點擊事件，singleTap和doubleTap分別做爲單次點擊和雙擊，可是使用tap會帶來點擊穿透。web

點擊穿透和延遲詳細:json

http://www.javashuo.com/article/p-uaudxvhh-cd.htmlpost
沉浸式頭部this

在pages.json中page添加url
```
"style": {
    //這裏僅支持十六進制
	//#ffff0000 爲十六進制透明色
	"navigationBarBackgroundColor": "#ffff0000"
}
```
背景顏色透明文字不透明也可用經過rgba第四個值 alpha值 範圍爲0.0到1.0之間，0.5爲半透明.code

自定義返回router

uni.navigateTo({url: ""}) 會致使返回頁面從新加載.

uni.navigateBack({ delta: 1 }); 當前頁面刷新後沒法返回.

能夠添加事件以下:

back() {   
    let canBack = true  
    const pages = getCurrentPages()  
    // 有可返回的頁面則直接返回，uni.navigateBack默認返回失敗以後會自動刷新頁面 ，沒法繼續返回  
    if (pages.length > 1) {  
        uni.navigateBack(1)  
        return;  
    }  
    // vue router 能夠返回uni.navigateBack失敗的頁面 可是會從新加載  
    let a = this.$router.go(-1)  
    router.go失敗以後則重定向到首頁  
    if (a == undefined) {  
        uni.reLaunch({  
            url: "/pages/tabbar/index"  
        })  
    }  
    return;  
},

:style 不支持**`backgroundColor: ${cl}` 語法改爲 :style="{backgroundColor: cl}" 便可

頭部導航欄差別

可在pages.json中的pages中添加

"style": {
    // 默認原生導航不顯示
    "h5": {
        "titleNView": false  
    },
        "enablePullDownRefresh": true  // 容許下來刷新
}

添加後:

視圖容器scroll-view 滾條隱藏

/deep/.uni-scroll-view::-webkit-scrollbar {
    /* 隱藏滾動條，但依舊具有能夠滾動的功能 */
    display: none
    }