微信小程式頁面跳轉傳參詳解

巴扎黑
發布: 2017-04-01 15:56:10
原創
2436 人瀏覽過

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

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

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

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

#    微信小程式頁面跳轉傳參詳解

程式碼如下:


<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>
登入後複製

其中