新聞中心
這里有您想知道的互聯網營銷解決方案
微信小程序中如何實現頁面跳轉傳參-創(chuàng)新互聯
小編給大家分享一下微信小程序中如何實現頁面跳轉傳參,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
實現的功能是給列表增加點擊功能傳參到下一頁;
代碼如下:
其中
為模版代碼如下
{{item.text}} {{item.title}} {{item.subTitle}}
這里只為下面的列表增加了點擊方法
點擊列表js代碼
listClick:function(event){ console.log(event); var p = event.currentTarget.id wx.navigateTo({url:'/pages/xiangqing/xiangqing?id=上一頁的參數'}) }
其中
wx.navigateTo({url:'/pages/xiangqing/xiangqing?id=上一頁的參數'})
為跳轉方法,id為需要傳的參數 如果參數為動態(tài)參數代碼如下:
listClick:function(event){ console.log(event); var p = event.currentTarget.id wx.navigateTo({url:'/pages/xiangqing/xiangqing?id='+p}) }
其中p為上面為每一行設置的id值
在下一頁取值代碼如下:
data:{ // text:"這是一個頁面" title:'' }, onLoad:function(options){ // 頁面初始化 options為頁面跳轉所帶來的參數 this.setData({ title:options.id })
然后在頁面上顯示代碼如下:
最終實現效果:
以上是“微信小程序中如何實現頁面跳轉傳參”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注創(chuàng)新互聯行業(yè)資訊頻道!
標題名稱:微信小程序中如何實現頁面跳轉傳參-創(chuàng)新互聯
鏈接地址:http://fisionsoft.com.cn/article/hhiop.html