小程序模板网

微信小程序:计算经纬距离、wx.navigateTo中url无法跳转问题

微信小程序:计算经纬距离、wx.navigateTo中url无法跳转问题

 
 
 
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无法跳转问题
 

今天在做微信小程序时,设置wx.navigateTo页面跳转并传参数,点击始终没有效果,代码如下:

 

			
  1. //事件处理函数
  2. newsDetail: function (event) {
  3. console.log(event),
  4. //带id跳转到指定的页面,这里的event.currentTarget.dataset.id是获取wxml页面上的data-id参数,详见事件说明
  5. wx.navigateTo({
  6. url: "../detail/detail?id="+event.currentTarget.dataset.id,//url跳转地址
  7. success: function (res) {
  8. console.log(res)
  9. },
  10. fail:function(res){
  11. console.log(res)
  12. }
  13. })
  14. },

排查几遍,并无错误之错呀

查询各类文档发现问题之处在于:若是在全局app.json中配置了tabBar,引用的链接与wx.navigateTo页面跳转url地址相同就无法实现跳转

代码如下:

测试,完美跳转;



易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/18175.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询