1. <output id="hzk7v"><pre id="hzk7v"><address id="hzk7v"></address></pre></output>
      <output id="hzk7v"></output>
    2. <nav id="hzk7v"><i id="hzk7v"><em id="hzk7v"></em></i></nav>
    3. <listing id="hzk7v"><delect id="hzk7v"><em id="hzk7v"></em></delect></listing>

      微信小程序实现跳转的几种方式总结£¨推荐£©

       更新时间£º2019年04月24日 11:53:07   作者£ºlily2016n   我要评论

      这篇文章主要介绍了微信小程序跳转方式£¬文中通过示例代码介绍的非常详细£¬对大家的学习或者工作具有一定的参考学习价值£¬需要的朋友们下面随着小编来一起学习学习吧

      今天把实现微信页面的跳转的几种方法总结分享下

      1.使用导航组件£¬标签£¬页面链接来实现£¨可以发现点击时有背景£©

      <!-- sample.wxml -->
      <view class="btn-area">
       <navigator url="../my/my">跳转到新页面</navigator>
      </view>

      参数如下

      2.给页面布局加监听bindtap事件£¬然后在方法里面£¬通过wx.navigatorTo来实现跳转£¨保留当前页面£¬跳转?#25509;?#29992;内的某个页面£¬使用wx.navigateBack可以返回到原页面£©

      在my.wxml中加监听bindtap事件

      <view bindtap='jump'>跳转</view>

      在my.js中实现跳转

      jump:function(){
        wx.navigateTo({
         url: '../login/login',
         success: function(res) {
      
         },
         fail: function(res) {
      
         },
         complete: function(res) {
      
         },
        })
       }
      

      参数如下

      3.通过wx.redirectTo实现跳转£¨关闭当前页面£¬跳转?#25509;?#29992;内某个页面£©

      navigateto_index: function (event) { 
       wx.redirectTo({ 
       url: '../index/index', 
       success: function (res) { 
       // success 
       }, 
       fail: function () { 
       // fail 
       }, 
       complete: function () { 
       // complete 
       } 
       }) 
      
       } 
      

      参数如下

      4.通过wx.navigateBack返回上一级£¨关闭当前页面¡£返回上一页面或多级页面£©¡£

      wx.navigateBack({ 
       delta: 1, // 回退前 delta(默认为1) 页面 
       success: function (res) { 
       // success 
       }, 
       fail: function () { 
       // fail 
       }, 
       complete: function () { 
       // complete 
       } 
       }) 
      

      以上所述是小编给大家介绍的微信小程序跳转方式详解整合£¬希望对大家有所帮助£¬如果大家有任?#25105;?#38382;请给我留言£¬小编会及时回复大家的¡£在此也非常感谢大家对脚本之家网站的支持£¡

      相关文章

      最新评论

      3dÊÔ»úºÅÖвÊÍø

        1. <output id="hzk7v"><pre id="hzk7v"><address id="hzk7v"></address></pre></output>
          <output id="hzk7v"></output>
        2. <nav id="hzk7v"><i id="hzk7v"><em id="hzk7v"></em></i></nav>
        3. <listing id="hzk7v"><delect id="hzk7v"><em id="hzk7v"></em></delect></listing>

            1. <output id="hzk7v"><pre id="hzk7v"><address id="hzk7v"></address></pre></output>
              <output id="hzk7v"></output>
            2. <nav id="hzk7v"><i id="hzk7v"><em id="hzk7v"></em></i></nav>
            3. <listing id="hzk7v"><delect id="hzk7v"><em id="hzk7v"></em></delect></listing>