Cet article présente principalement les informations pertinentes sur l'explication détaillée du saut de page du programme WeChat Mini et est joint avec des exemples simples et des rendus de mise en œuvre. Les amis dans le besoin peuvent se référer à
Les paramètres de saut de page du programme WeChat Mini sont. une fonction qui doit être utilisée lors de la création de mini-programmes WeChat. Ici, j'enregistrerai les informations que j'ai apprises pour implémenter le code.
Je suis nouveau dans les mini-programmes WeChat et je ne connais pas grand-chose à leur syntaxe et à leurs attributs. S'il n'y a pas beaucoup d'endroits, j'espère que vous pourrez me donner quelques conseils. Aujourd'hui, je vais parler de la façon de sauter et de transférer des paramètres dans l'applet WeChat. Sans plus tarder, passons directement au code. La fonction implémentée par
est d'ajouter une fonction de clic à la liste pour passer des paramètres à la page suivante ;
où
<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>
Cliquez sur le code js de la liste
<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=paramètre de la page précédente' })
est la méthode de saut, id est le paramètre qui doit être passé si le paramètre est un paramètre dynamique, le code est le suivant :
<.>
listClick:function(event){
console.log(event);
var p = event.currentTarget.id
wx.navigateTo({url:'/pages/xiangqing/xiangqing?id=上一页的参数'})
}<pre name="code" class="javascript"> listClick:function(event){
console.log(event);
var p = event.currentTarget.id
wx.navigateTo({url:'/pages/xiangqing/xiangqing?id='+p})
}<view>{{title}}</view> <p><br></p>Effet final : <p><br></p>
<p></p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><pre name="code" class="javascript"> data:{
// text:"这是一个页面"
title:''
},
onLoad:function(options){
// 页面初始化 options为页面跳转所带来的参数
this.setData({
title:options.id
})
Que sont les éditeurs de texte Java ?
Comment dédoublonner une base de données dans MySQL
La différence entre injectif et surjectif
Quelle est la priorité de l'interruption ?
Comment définir un arrêt programmé dans UOS
vim sauvegarder et quitter la commande
Comment vérifier les liens morts sur votre site Web
Introduction aux types de fichiers
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
