微信小程序4種跳轉方式總結

2019-03-06JavaScript5010
  • 詳情內容
  • 留言點評

我們知道微信小程序本質上雖是WEB前端,但無論是DOM標簽還是交互腳本都并非原生環境,今天我們就來講講微信小程序的4種跳轉方式。

1.使用小程序預置組件<navigator>標簽實現,點擊時有按下的效果

<navigator url="../job_detail?isShowCompanyDetail=true&iscollect={{item.iscollect}}"> 跳轉 </navigator>

2.給頁面布局加監聽事件bindtap,然后在方法里面通過wx.navigatorTo來實現跳轉,點擊時無按下的效果

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

3.通過wx.redirectTo實現跳轉,關閉當前頁面,跳轉到應用內某個頁面

navigateto_city: function (event) { 
 var provinceName = event.currentTarget.id; 
 wx.redirectTo({ 
 url: '../city/city?province='+provinceName, 
 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 
  } 
 })

給上一個頁面賦值

var pages = getCurrentPages(); 
var prevPage = pages[pages.length - 2];//上一個頁面。 
prevPage.setData({ 
 bank_cn: bank_cn, 
 bank: bank 
})


歡迎點評!也可以是問題反饋和建議

支持Ctrl+Enter提交
暫無留言,快搶沙發!
0

真心很贊,必須打賞!嗯,以資鼓勵~

點此打賞

99%看過的人還會看

海南环岛赛彩票奖金