小程序模板網(wǎng)

微信小程序:計算經(jīng)緯距離、wx.navigateTo中url無法跳轉(zhuǎn)問題

發(fā)布時間:2017-12-15 09:07 所屬欄目:小程序開發(fā)教程

微信小程序:計算經(jīng)緯距離、wx.navigateTo中url無法跳轉(zhuǎn)問題

 
 
 
1.微信小程序計算兩點間的距離
  1. getDistance: function (lat1, lng1, lat2, lng2) {
  2. lat1 = lat1 || 0;
  3. lng1 = lng1 || 0;
  4. lat2 = lat2 || 0;
  5. lng2 = lng2 || 0;
  6.  
  7. var rad1 = lat1 * Math.PI / 180.0;
  8. var rad2 = lat2 * Math.PI / 180.0;
  9. var a = rad1 - rad2;
  10. var b = lng1 * Math.PI / 180.0 - lng2 * Math.PI / 180.0;
  11.  
  12. var r = 6378137;
  13. return r * 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) + Math.cos(rad1) * Math.cos(rad2) * Math.pow(Math.sin(b / 2), 2)))
  14. }
 
2.wx.navigateTo中url無法跳轉(zhuǎn)問題
 

今天在做微信小程序時,設(shè)置wx.navigateTo頁面跳轉(zhuǎn)并傳參數(shù),點擊始終沒有效果,代碼如下:

 

			
  1. //事件處理函數(shù)
  2. newsDetail: function (event) {
  3. console.log(event),
  4. //帶id跳轉(zhuǎn)到指定的頁面,這里的event.currentTarget.dataset.id是獲取wxml頁面上的data-id參數(shù),詳見事件說明
  5. wx.navigateTo({
  6. url: "../detail/detail?id="+event.currentTarget.dataset.id,//url跳轉(zhuǎn)地址
  7. success: function (res) {
  8. console.log(res)
  9. },
  10. fail:function(res){
  11. console.log(res)
  12. }
  13. })
  14. },

排查幾遍,并無錯誤之錯呀

查詢各類文檔發(fā)現(xiàn)問題之處在于:若是在全局app.json中配置了tabBar,引用的鏈接與wx.navigateTo頁面跳轉(zhuǎn)url地址相同就無法實現(xiàn)跳轉(zhuǎn)

代碼如下:

測試,完美跳轉(zhuǎn);



易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://22321a.com/wxmini/doc/course/18175.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點擊咨詢
QQ在線咨詢