Dettagli di passaggio di parametri durante il passaggio di pagina in WeChat Mini Program

　Passaggio di parametri nella pagina di transizione del WeChat Mini Program, una funzione che sicuramente useremo quando creiamo WeChat Mini Program, qui registro le mie risorse di codice di studio.

Sono nuovo di WeChat Mini Program, non ho ancora ben chiaro la sua grammatica e le proprietà, spero che i grandi maestri possano insegnarmi di più. Oggi parlerò di come saltare e passare parametri nel WeChat Mini Program, senza dilungarmi, passiamo direttamente al codice.

La funzione implementata è quella di aggiungere la funzione di clic su una lista e passare i parametri alla pagina successiva;

　　　

Il codice è il seguente:

<import src="../WXtemplate/headerTemplate.wxml"/> 
<view> 
 <!--Galleria scorrevole--> 
 <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> 
 <!--Pulsanti funzionali--> 
 <view class="section-bg"> 
 <block wx:for="{{buttonNum}}"> 
  <!--Modello--> 
  <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> 
 <!--Elenco delle notizie--> 
 <view> 
 <block wx:for="{{listNum}}"> 
  <template is="newList" data="{{item,index}}"/> 
 </block> 
 </view> 
 </view> 

dove

<template is="buttonList" data="{{item}}"/>　

Per il codice del modello di seguito

<template name="buttonList"> 
 <view class="section-item"> 
  <image class="section-img" src="{{item.image}}" bindtap="buttonClick"></image> 
  <text class="section-text">{{item.text}}</text> 
 </view> 
</template> 
<!--list--> 
<template name="newList"> 
 <view class="section-list" bindtap="listClick" id="{{index}}"> 
 <view> 
  <image class="list-img" src="{{item.image}}"></image> 
 </view> 
  <view class="section-textt">}} 
  <view class="title"><text>{{item.title}}</text></view> 
  <view class="subTitle"><text>{{item.subTitle}}</text></view> 
 </view> 
 </view> 
</template> 

Questa aggiunge solo il metodo di clic alla lista sottostante

Codice JavaScript per fare clic sulla lista

listClick:function(event){ 
 console.log(event); 
 var p = event.currentTarget.id 
 wx.navigateTo({url:'/pages/xiangqing/xiangqing?id=parametro della pagina precedente'}) 
 } 

dove

wx.navigateTo({url:'/pages/xiangqing/xiangqing?id=parametro della pagina precedente'})　

Metodo di transizione, id è il parametro da trasmettere Se il parametro è un parametro dinamico, il codice è come segue:　

listClick:function(event){ 
 console.log(event); 
 var p = event.currentTarget.id 
 wx.navigateTo({url:'/pages/xiangqing/xiangqing?id='+p}) 
 } 

dove p è il valore di id impostato per ogni riga sopra

Il codice per prendere il valore nella pagina successiva è come segue:　

 data:{ 
 // text:"Questo è una pagina" 
 title:'' 
 }, 
 onLoad:function(options){ 
 // Inizializzazione della pagina options sono i parametri portati dal passaggio della pagina 
 this.setData({ 
 title:options.id 
 ) 

Poi visualizza il codice sulla pagina come segue:

<view>{{title}}</view>　

Effetto finale:

Grazie per aver letto, spero di essere stato d'aiuto, grazie per il supporto al nostro sito!