關(guān)于使用uni-app過程中遇到的問題和技巧合集

關(guān)于使?uni-app過程中遇到的問題和技巧合集1.?程序跳轉(zhuǎn)?程序打開manifest.json?件-源碼視圖，在對應(yīng)?程序平臺源碼中加?“navigateToMiniProgramAppIdList”：“?標?程序appid”（?者必須關(guān)聯(lián)同?主體）2.百度?程序、頭條?程序、?付寶?程序?法同時播放背景?樂和?頻（?如按鈕?樂）按鈕?樂會打斷背景?樂的播放（?者只能播放?個），解決?法：通過條件編譯，聲明兩個?頻對象，不使?背景?樂對象，例如百度//#ifdefMP-BAIDU這個api是百度特有，可以同時使?多個?頻對象swan.setInnerAudioOption({mixWithOther:true,success:res=>{},fail:err=>{console.log('setInnerAudioOptionfail',err);}});varbgAudioMannager=swan.createInnerAudioContext();varinnerAudioContext=swan.createInnerAudioContext();//#endif//#ifdefMP-TOUTIAOvarbgAudioMannager=tt.createInnerAudioContext();varinnerAudioContext=tt.createInnerAudioContext();//#endif//#ifdefMP-ALIPAYvarbgAudioMannager=my.createInnerAudioContext();varinnerAudioContext=my.createInnerAudioContext();//#endif3.關(guān)于?付寶?程序按鈕膠囊位置獲取除了?付寶?程序外，其他平臺?程序均可以使?以下代碼獲取按鈕膠囊位置letres=uni.getSystemInfoSync();constmenuButtonInfo=uni.getMenuButtonBoundingClientRect()lettitleBarHeight=res.platform=='ios'?44:48;lettop=res.statusBarHeight+(titleBarHeight-32)/2;letbuttonTop=menuButtonInfo.top+menuButtonInfo.height;letbuttonRight=res.windowWidth-menuButtonInfo.right+menuButtonInfo.width/2+20;letbutton={buttonRight:buttonRight,buttonTop:buttonTop}ps：top為膠囊到?機頂部的距離；buttonTop為膠囊本??度加上距離頂部的?度；buttonRight膠囊中“三個點”的按鈕到?機最右側(cè)的距離。（單位都是px）?付寶?程序需要通過條件編譯來單獨處理（并且要通過真機調(diào)試，?具太爛了，?法獲取到模擬機型信息）：constres=my.getSystemInfoSync();constmenuButtonInfo=uni.getMenuButtonBoundingClientRect()lettitleBarHeight=res.platform=='iOS'?44:48;lettop=res.statusBarHeight+(titleBarHeight-32)/2;letbuttonTop=top+res.statusBarHeight;letbuttonRight=res.windowWidth-menuButtonInfo.right+menuButtonInfo.width/2+20;letbutton={buttonRight:buttonRight,buttonTop:buttonTop}ps：?付寶?程序獲取?機信息卸載app.vue?件中不會?效，所以??實實封裝?個函數(shù)吧。?般全屏的?程序（導(dǎo)航欄透明）都需要這個操作，因為?付寶?程序?帶導(dǎo)航欄，并且還會在左上?顯??程序名稱，所以我們再加?步："globalStyle":{//#ifdefMP-ALIPAY"navigationBarTitleText":"",//設(shè)置標題為空，就不會顯??程序名稱了//#endif"titlePenetrate":"YES",//?付寶?程序特有"navigationStyle":"custom",//沉浸式導(dǎo)航欄"transparentTitle":"always",//導(dǎo)航欄透明"disableScroll":true//禁?頁?上線滑動}4.?付寶?程序中的v-show沒錯，還是?付寶?程序的問題，我們?般寫選項卡的時候會?v-show來控制顯?隱藏，因為v-if會重新創(chuàng)建組件，所以?較耗內(nèi)存，?且體驗不好（頻繁使?v-if來顯?隱藏組件會導(dǎo)致組件閃爍），但是?付寶?程序中的v-show并不能控制選項卡的顯?/隱藏，因為它會始終顯?，?論你怎么改data中的值，即使?jié)M?條件也不會隱藏，所以我們還是通過條件編譯再使?v-if來做選項卡吧！5.關(guān)于各平臺?程序字體問題開發(fā)時候在微信?程序上正常顯?的字體，在其他?程序上都顯?“宋體”，著說明了微信?程序?持的字體其他?程序并不?定?持（部分?程序開發(fā)?具上看不出來，要真機實測），實測“PingFangSC”全平臺?持，所以若要開發(fā)多平臺?程序，請先試下各平臺是不是都?持該字體，不然回頭改就要命了！6.關(guān)于原?組件的問題（后續(xù)繼續(xù)更新）1.switch組件的背景?問題uni-app中的color中的屬性可以直接更改背景?然?突出的?付寶同學(xué)則不?！解決辦法：通過條件編譯寫上?內(nèi)樣式就?了style="background-color:#6A9E29;"7.審核問題（?前已知親測的）1.頭條?程序不?持游戲類?程序，也就是說只能做?游戲。2.微信?程序不?持?賺，?如通過做任務(wù)獲得積分抽獎、提現(xiàn)什么的3.QQ?程序會根據(jù)?程序的介紹來測試你的?程序中有沒有對應(yīng)的功能，如果沒有，請改?程序介紹?。?聲BB：QQ?程序?qū)徍俗盥?，起步兩三天，微信和百?程序最快，百度還有短信通知，很奈斯）8.開發(fā)者?具問題先??句話總結(jié)：除了騰訊旗下的?具（微信、QQ），其他都是垃圾！?付寶：很多api都不?持?具預(yù)覽，操作習慣反?類百度：調(diào)試?煩的?批，?且緩存有點問題，也看不到appData（菜單是有但是沒有數(shù)據(jù)）頭條?程序：垃圾中的戰(zhàn)?機！經(jīng)常?法打開項?（已知轉(zhuǎn)圈），最惡?的是連http請求都看不到，要啥啥沒有我咋調(diào)試？9.canvas的問題1.drawImage()?法微信?程序不?持?絡(luò)圖?繪制?付寶?程序不?持本地圖?繪制2.canvas組件?付寶最好?原?的canvas組件，寫上id和width、heightuni-app為?內(nèi)樣式和canvas-id<canvasstyle="width:250px;height:200px;"canvas-id="shareCanvas"id="shareCanvas"width='250'height='200'></canvas>3.把canvas?成圖??付寶?程序?原?api//#ifdefMP-ALIPAYcontext=my.createCanvasContext('shareCanvas');//#endif```javascript//#ifdefMP-ALIPAYcontext.toTempFilePath({x:0,y:0,width:250,height:200,destWidth:250,destHeight:200,success:(res)=>{console.log(res)this.shareImg=res.apFilePath},fail:(err)=>{console.log(err)}},this)//#endif其他平臺?成圖?：//#ifndefMP-ALIPAYuni.canvasToTempFilePath({x:0,y:0,width:250,height:200,destWidth:250,destHeight:200,canvasId:'shareCanvas',success:(res)=>{console.log(res)this.shareImg=res.te