• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

用mpvue写微信小程序时,webview跳转外部链接,再跳转回来需要点两次返回箭头才能跳转 ...

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

问题描述:

  给公司做微信小程序时遇到了这个问题,用mpvue框架搭建的小程序,从首页点击进去,先跳转到一个中间页面,在中间页面放上webview链接到外部的H5页面,这时点击小程序左上角自带的返回按钮,第一次会跳转到空白页,再点一次才能跳转到首页。

 

  首页:

    

  详情页:

    

  这时需要点击左上角的返回箭头两次,才能跳转到首页

 

解决办法:

小程序跳到外部页面方法:

  1、从首页(index)跳转到中间页(template): 

    goPage(id){
          wx.navigateTo({url:\'../template/main?id=\'+id})
       }
     2、template页面: 
      
    <template>
        <div>
            <web-view  :src="aSrcs"></web-view>
        </div>
    </template>

    <script>
      export default {

       data(){
          return{
              aSrcs:""
          }
       }
,
       methods: {
          aSrc(){
              var id = this.$root.$mp.query.id
              if(id==1){
                  return \'https://api.1yunsong.com/Hxjy/Wx/detail_gs\'
              }
              else if(id==2){
                  return \'https://api.1yunsong.com/Hxjy/Wx/detail_cs\'
              }
              else if(id==3){
                  return \'https://api.1yunsong.com/Hxjy/Wx/detail_zs\'
              }
              else if(id==4){
                  return \'https://api.1yunsong.com/Hxjy/Wx/detail_qy\'
              }
              else{
                  return false
              }
          }
       },
       mounted() {
           this.aSrcs =  this.aSrc()
       },
  }
  </script>
 
从外部页面再跳回到微信小程序:(在H5页面中写)
  
  1、先引入一个js文件
    
    <script src="https://res.wx.qq.com/open/js/jweixin-1.3.0.js"></script>
 
      2、在script中加入一行代码
    
    <script>
            window.onunload = function(){
                wx.miniProgram.navigateBack({})
            }    
       </script>  
 
 
这样就可以了!
 

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
uniAPP微信小程序通过webview跳转到其他网址发布时间:2022-07-18
下一篇:
小程序实践(三):九宫格实现及item跳转发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap