Heim  >  Artikel  >  WeChat-Applet  >  Detaillierte Erläuterung des WeChat-Applet-Seitensprungs und der Parameterübergabe

Detaillierte Erläuterung des WeChat-Applet-Seitensprungs und der Parameterübergabe

巴扎黑
巴扎黑Original
2017-04-01 15:56:102421Durchsuche

In diesem Artikel werden hauptsächlich relevante Informationen zur detaillierten Erläuterung des Seitensprungs des WeChat-Miniprogramms vorgestellt und einfache Beispiele und Implementierungsdarstellungen beigefügt. Freunde in Not können sich auf

WeChat-Miniprogramm-Seitensprung-Übergabeparameter beziehen Eine Funktion, die beim Erstellen von WeChat-Miniprogrammen verwendet werden muss. Hier werde ich die Informationen aufzeichnen, die ich zur Implementierung des Codes gelernt habe.

Ich bin neu bei WeChat-Miniprogrammen und weiß nicht viel über deren Syntax und Attribute. Wenn es nicht viele Orte gibt, hoffe ich, dass Sie mir einige Ratschläge geben können. Heute werde ich darüber sprechen, wie man im WeChat-Applet springt und Parameter überträgt. Kommen wir ohne weitere Umschweife direkt zum Code. Die von

implementierte Funktion besteht darin, der Liste eine Klickfunktion hinzuzufügen, um Parameter an die nächste Seite zu übergeben; wobei

4d49e5dbce84bf7a2869c84b59c185f6 Detaillierte Erläuterung des WeChat-Applet-Seitensprungs und der Parameterübergabe

Der Vorlagencode lautet wie folgt


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

Hier fügen wir nur eine Klickmethode für die Liste unten hinzu

Klicklisten-JS-Code


Unter ihnen

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

wx.navigateTo({url :'/pages/xiangqing/xiangqing?id=Parameter der vorherigen Seite '})


ist die Sprungmethode und id ist der Parameter, der übergeben werden muss. Wenn der Parameter ein dynamischer Parameter ist, lautet der Code wie folgt:


listClick:function(event){ 
 console.log(event); 
 var p = event.currentTarget.id 
 
 wx.navigateTo({url:&#39;/pages/xiangqing/xiangqing?id=上一页的参数&#39;}) 
 }


wobei p der oben für jede Zeile festgelegte ID-Wert ist

Der Wertcode auf der nächsten Seite lautet wie folgt:


Dann zeigen Sie den Code wie folgt auf der Seite an:

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

89c662c6f8b87e82add978948dc499d2{{title}}< ;/view>


Endeffekt:


 data:{ 
 // text:"这是一个页面" 
 title:&#39;&#39; 
 }, 
 onLoad:function(options){ 
 // 页面初始化 options为页面跳转所带来的参数 
 this.setData({ 
 title:options.id 
 })

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung des WeChat-Applet-Seitensprungs und der Parameterübergabe. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn