小編給大家分享一下微信小程序中如何實(shí)現(xiàn)頁面跳轉(zhuǎn)傳參，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)云計(jì)算的互聯(lián)網(wǎng)服務(wù)提供商,擁有超過13年的服務(wù)器租用、簡陽服務(wù)器托管、云服務(wù)器、虛擬空間、網(wǎng)站系統(tǒng)開發(fā)經(jīng)驗(yàn)，已先后獲得國家工業(yè)和信息化部頒發(fā)的互聯(lián)網(wǎng)數(shù)據(jù)中心業(yè)務(wù)許可證。專業(yè)提供云主機(jī)、虛擬空間、國際域名空間、VPS主機(jī)、云服務(wù)器、香港云服務(wù)器、免備案服務(wù)器等。

實(shí)現(xiàn)的功能是給列表增加點(diǎn)擊功能傳參到下一頁；

代碼如下：

其中

                             {{item.title}}    {{item.subTitle}}         

這里只為下面的列表增加了點(diǎn)擊方法

點(diǎn)擊列表js代碼

listClick:function(event){ 
 console.log(event); 
 var p = event.currentTarget.id 
 
 wx.navigateTo({url:'/pages/xiangqing/xiangqing?id=上一頁的參數(shù)'}) 
 }

其中

wx.navigateTo({url:'/pages/xiangqing/xiangqing?id=上一頁的參數(shù)'})  

為跳轉(zhuǎn)方法，id為需要傳的參數(shù) 如果參數(shù)為動(dòng)態(tài)參數(shù)代碼如下：  

listClick:function(event){ 
 console.log(event); 
 var p = event.currentTarget.id 
 
 wx.navigateTo({url:'/pages/xiangqing/xiangqing?id='+p}) 
 }

其中p為上面為每一行設(shè)置的id值

在下一頁取值代碼如下：  

 data:{ 
 // text:"這是一個(gè)頁面" 
 title:'' 
 }, 
 onLoad:function(options){ 
 // 頁面初始化 options為頁面跳轉(zhuǎn)所帶來的參數(shù) 
 this.setData({ 
 title:options.id 
 })

然后在頁面上顯示代碼如下：

{{title}}  

最終實(shí)現(xiàn)效果：

以上是“微信小程序中如何實(shí)現(xiàn)頁面跳轉(zhuǎn)傳參”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！