首頁  >  文章  >  微信小程式  >  微信小程式 頁面跳轉傳參的介紹

微信小程式 頁面跳轉傳參的介紹

不言
不言原創
2018-06-23 15:45:011898瀏覽

這篇文章主要介紹了微信小程式頁面跳轉傳參詳解的相關資料,並附簡單實例,和實現效果圖,需要的朋友可以參考下

 微信小程式頁面跳轉傳參,做微信小程式必定會用的這樣的功能,這裡就記錄下本人學習實現程式碼資料。

剛接觸微信小程序,多裡面的文法和屬性還不怎麼聊解,如有不多的地方希望各位大神多多指教。今天來說下微信小程式怎麼跳轉傳參,話不多說直接上程式碼。

實現的功能是為清單增加點選功能傳參到下一頁;

#   

程式碼如下:

<import src="../WXtemplate/headerTemplate.wxml"/> 
<view> 
 <!--滚动图--> 
 <view> 
 <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoPlay}}" interval="{{intervalTime}}" duration="{{Time}}"> 
 <block wx:for="{{imageURl}}"> 
  <swiper-item> 
   <image src="{{item}}" class="imagePX"></image> 
  </swiper-item> 
 </block> 
 </swiper> 
 </view> 
 <!--功能按钮--> 
 <view class="section-bg"> 
 <block wx:for="{{buttonNum}}"> 
  <!--模版--> 
  <template is="buttonList" data="{{item}}"/> 
  <!--<view class="section-item"> 
  <image class="section-img" src="{{item.image}}"></image> 
  <text class="section-text">{{item.text}}</text> 
 </view>--> 
 </block> 
 </view> 
 <!--资讯列表--> 
 <view> 
 <block wx:for="{{listNum}}"> 
  <template is="newList" data="{{item,index}}"/> 
 </block> 
  
 </view> 
 
 
 </view>

其中

#3c24061992e2dd5b185389dd02563b97{ {title}}de5f4c1163741e920c998275338d29b2 


最終實現效果:


以上就是本文的全部內容,希望對大家的學習有幫助,更多相關內容請關注PHP中文網!

相關推薦:

微信小程式開發之實作標籤的頁面切換


微信小程序 頁面跳轉與資料傳遞


#

以上是微信小程式 頁面跳轉傳參的介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn