Home  >  Article  >  WeChat Applet  >  Detailed explanation of WeChat applet page jump and parameter passing

Detailed explanation of WeChat applet page jump and parameter passing

高洛峰
高洛峰Original
2017-02-18 11:39:311838browse

This article mainly introduces the relevant information on the detailed explanation of page jump of WeChat mini program, and attaches simple examples and implementation renderings. Friends in need can refer to

WeChat mini program page jump Passing parameters is a function that must be used when making WeChat mini programs. Here I will record the information I learned to implement the code.

I have just come into contact with WeChat mini-programs, and I don’t know much about the syntax and attributes in them. If there are not many places, I hope you can give me some advice. Today I will talk about how to jump and transfer parameters in the WeChat applet. Without further ado, let’s get straight to the code.

The function implemented is to add a click function to the list and pass parameters to the next page;

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

The code is as follows:

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

Where