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 🎜>
<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>
<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>
listClick:function(event){ console.log(event); var p = event.currentTarget.id wx.navigateTo({url:'/pages/xiangqing/xiangqing?id=上一页的参数'}) }
wx.navigateTo ({url:'/pages/xiangqing/xiangqing?id=Parameter des vorherigen page'})
ist die Sprungmethode und id ist der Parameter, der übergeben werden muss, wenn der Parameter ein dynamischer Parameter ist. Der Code lautet wie folgt:
listClick:function(event){
console.log(event);
var p = event.currentTarget.id
wx.navigateTo({url:'/pages/xiangqing/xiangqing?id='+p})
}
data:{ // text:"这是一个页面" title:'' }, onLoad:function(options){ // 页面初始化 options为页面跳转所带来的参数 this.setData({ title:options.id })
Der endgültige Effekt:
Das Obige ist der gesamte Inhalt davon Ich hoffe, dass er für das Lernen aller hilfreich ist. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website!
Verwandte Empfehlungen:
WeChat-Applet-Entwicklung zur Implementierung des Tab-Seitenwechsels
WeChat-Applet Seitensprung und Datenübertragung
Das obige ist der detaillierte Inhalt vonEinführung in die Parameterübertragung von WeChat-Applet-Seitensprüngen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!