微信小程序 页面跳转传参详解

这篇文章主要介绍了微信小程序 页面跳转传参详解的相关资料,并附简单实例，和实现效果图，需要的朋友可以参考下

 微信小程序 页面跳转传参，做微信小程序必定会用的这样的功能，这里就记录下本人学习实现代码资料。

刚接触微信小程序，多里面的语法和属性还不怎么聊解，如有不多的地方希望各位大神多多指教。今天来说下微信小程序怎么跳转和传参，话不多说直接上代码。

实现的功能是给列表增加点击功能传参到下一页；

   

代码如下：

<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>

其中