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

成都創(chuàng)新互聯(lián)公司是專業(yè)的萬年網(wǎng)站建設(shè)公司，萬年接單;提供成都網(wǎng)站建設(shè)、網(wǎng)站制作,網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進行萬年網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!

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

代碼如下：

其中

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

這里只為下面的列表增加了點擊方法

點擊列表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ù)為動態(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:"這是一個頁面" 
 title:'' 
 }, 
 onLoad:function(options){ 
 // 頁面初始化 options為頁面跳轉(zhuǎn)所帶來的參數(shù) 
 this.setData({ 
 title:options.id 
 })

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

{{title}}

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

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

文章題目：微信小程序中如何實現(xiàn)頁面跳轉(zhuǎn)傳參-創(chuàng)新互聯(lián)
網(wǎng)頁網(wǎng)址：http://weahome.cn/article/hhiop.html