Applet WeChat
Développement de mini-programmes
Parlons de plusieurs méthodes de transfert de paramètres de page dans les mini-programmes.
Parlons de plusieurs méthodes de transfert de paramètres de page dans les mini-programmes.
Oct 25, 2021 am 10:52 AM
Cet article vous présentera plusieurs méthodes de passage de paramètres de page dans des mini-programmes. J'espère qu'il vous sera utile !
La méthode de transmission des paramètres de page dans le mini programme
passage des paramètres d'url
est la même que la méthode sur le Web.
page index1
<navigator url="/pages/index2/index2?name=海賊王">頁面2</navigator>
ou
wx.navigateTo({
url: "/pages/index2/index2?name=海賊王"
})page index2
onLoad: function (options) {
console.log(options);// { name : 海賊王}
},Il est à noter que si
index2est une page à onglets, alors les paramètres de la page ne peuvent pas être obtenus dans onLoad. [Recommandations d'apprentissage associées?: Tutoriel de développement de mini-programmesindex2是tabbar頁面，那么無法在onLoad中獲取頁面參數(shù)。【相關(guān)學(xué)習(xí)推薦：小程序開發(fā)教程】
事件通道 EventChannel
如果一個(gè)頁面由另一個(gè)頁面通過 wx.navigateTo 打開，這兩個(gè)頁面間將建立一條數(shù)據(jù)通道：
- 被打開的頁面可以通過
this.getOpenerEventChannel()方法來獲得一個(gè)EventChannel對(duì)象； wx.navigateTo的success回調(diào)中也包含一個(gè)EventChannel對(duì)象。
這兩個(gè) EventChannel 對(duì)象間可以使用 emit 和 on 方法相互發(fā)送、監(jiān)聽事件。
index1.wxml
<view>
來自于頁面2 傳遞的數(shù)據(jù): {{msg}}
</view>index1.js
Page({
data: {
msg: ""
},
onLoad: function () {
// 1 跳轉(zhuǎn)到頁面2
wx.navigateTo({
url: "/pages/index2/index2",
// 2 在成功的回調(diào)函數(shù)中獲取事件通道對(duì)象
success: ({ eventChannel }) => {
// 3 監(jiān)聽自定義事件
eventChannel.on("data", (e) => {
// 4 獲取頁面2傳遞過來的數(shù)據(jù) 設(shè)置到 data中
this.setData({
msg: e.name
})
})
}
});
},
})index2.js
Page({
onLoad: function () {
// 被使用 wx.navigatorTo打開的頁面獲取獲取到一個(gè)事件通道對(duì)象
const EventChannel = this.getOpenerEventChannel();
// 觸發(fā)事件和傳遞參數(shù)到 頁面1中
EventChannel.emit("data", { name: '海賊王' });
}
})本地存儲(chǔ)
小程序中的本地存儲(chǔ)用法類似web中，可以實(shí)現(xiàn)在整個(gè)應(yīng)用中獲取數(shù)據(jù)和存儲(chǔ)數(shù)據(jù)
index1.js
wx.setStorageSync('data', {name:'海賊王'});// 可以直接存任意類型的數(shù)據(jù)index2.js
wx.getStorageSync('data');// 獲取
應(yīng)用全局變量
不同的頁面都是處于一個(gè)共同的應(yīng)用當(dāng)中的，這個(gè)應(yīng)用可以理解為 app.js
app.js
在這里可以定義公共數(shù)據(jù)
App({
myData: {
name: "悟空"
}
})index1.js
頁面中可以通過 getApp]
Event Channel EventChannel Si une page est accessible par une autre page via wx.navigateTo
- La page ouverte peut être ouverte via
this.getOpenerEventChannel() </ code> pour obtenir un objet <code>EventChannel?; wx.navigateTole rappelsuccesscontient également un < objet code> EventChannel.
EventChannel peuvent utiliser les méthodes emit et on pour s'envoyer et écouter des événements entre eux. . L'utilisation du stockage local dans l'applet est similaire à cela sur le Web, et peut être implémenté dans toute l'application Obtenez et stockez des données dans index1.js
let app = getApp();
console.log(app.myData);index2.js let app = getApp();
app.myData.name="八戒";Appliquer des variables globales????????Différentes pages sont dans une application commune, cette application peut comprendre Pour app.js??????app.js?????? les données publiques peuvent être définies ici??const data = {
name: "海賊王"
};
module.exports = data;????index1.js?????? la page peut être obtenue via getApp ?? const data = require("../../common");
Page({
onLoad: function () {
console.log(data);
},
})??Bien s?r, vous pouvez également modifier directement les ??rrreee??????variables publiques????????définir un fichier js indépendant séparément et y stocker les données, vous pouvez ??????common.js????rrreee????index1. js???? rrreee??Pour plus de connaissances sur la programmation, veuillez visiter?: ??Vidéo de programmation???! ! ??Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Outils d'IA chauds
Undress AI Tool
Images de déshabillage gratuites
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
échangez les visages dans n'importe quelle vidéo sans effort grace à notre outil d'échange de visage AI entièrement gratuit?!
Article chaud
Outils chauds
Bloc-notes++7.3.1
éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Sujets chauds
Développer l'applet WeChat en utilisant Python
Jun 17, 2023 pm 06:34 PM
Avec la popularité de la technologie Internet mobile et des smartphones, WeChat est devenu une application indispensable dans la vie des gens. Les mini-programmes WeChat permettent aux gens d'utiliser directement des mini-programmes pour résoudre certains besoins simples sans télécharger ni installer d'applications. Cet article explique comment utiliser Python pour développer l'applet WeChat. 1. Préparation Avant d'utiliser Python pour développer l'applet WeChat, vous devez installer la bibliothèque Python appropriée. Il est recommandé d'utiliser ici les deux bibliothèques wxpy et itchat. wxpy est une machine WeChat
Implémenter des effets de retournement de cartes dans les mini-programmes WeChat
Nov 21, 2023 am 10:55 AM
Implémentation d'effets de retournement de cartes dans les mini-programmes WeChat Dans les mini-programmes WeChat, la mise en ?uvre d'effets de retournement de cartes est un effet d'animation courant qui peut améliorer l'expérience utilisateur et l'attractivité des interactions d'interface. Ce qui suit présentera en détail comment implémenter l'effet de retournement de carte dans l'applet WeChat et fournira des exemples de code pertinents. Tout d'abord, vous devez définir deux éléments de carte dans le fichier de mise en page du mini-programme, un pour afficher le contenu avant et un pour afficher le contenu arrière. L'exemple de code spécifique est le suivant?: <!--index.wxml-. ->&l
Alipay a lancé le mini-programme ??Chinese Character Picking-Rare Characters?? pour collecter et compléter la bibliothèque de personnages rares.
Oct 31, 2023 pm 09:25 PM
Selon les informations de ce site du 31 octobre, le 27 mai de cette année, Ant Group a annoncé le lancement du ? Projet de sélection de caractères chinois ? et a récemment inauguré de nouveaux progrès : Alipay a lancé le mini-programme ? Sélection de caractères chinois-Caractères rares ?. pour collecter des collections de la société Les personnages rares complètent la bibliothèque de personnages rares et offrent différentes expériences de saisie pour les personnages rares afin d'aider à améliorer la méthode de saisie des caractères rares dans Alipay. Actuellement, les utilisateurs peuvent accéder à l'applet ??Caractères peu communs?? en recherchant des mots-clés tels que ??capture de caractères chinois?? et ??caractères rares??. Dans le mini-programme, les utilisateurs peuvent soumettre des images de caractères rares qui n'ont pas été reconnus et saisis par le système. Après confirmation, les ingénieurs d'Alipay effectueront des entrées supplémentaires dans la bibliothèque de polices. Ce site Web a remarqué que les utilisateurs peuvent également découvrir la dernière méthode de saisie par fractionnement de mots dans le mini-programme. Cette méthode de saisie est con?ue pour les mots rares dont la prononciation n'est pas claire. Démantèlement utilisateur
Les petits programmes peuvent-ils réagir??
Dec 29, 2022 am 11:06 AM
Les mini-programmes peuvent utiliser React. Comment l'utiliser?: 1. Implémentez un moteur de rendu basé sur "react-reconciler" et générez un DSL?; 2. Créez un mini composant de programme pour analyser et restituer le DSL 3. Installez npm et exécutez le développeur Build?; npm dans l'outil?; 4. Introduisez le package dans votre propre page, puis utilisez l'API pour terminer le développement.
Comment Uniapp réalise une conversion rapide entre les mini-programmes et H5
Oct 20, 2023 pm 02:12 PM
La manière dont Uniapp peut réaliser une conversion rapide entre les mini-programmes et le H5 nécessite des exemples de code spécifiques. Ces dernières années, avec le développement de l'Internet mobile et la popularité des smartphones, les mini-programmes et le H5 sont devenus des formulaires de candidature indispensables. En tant que cadre de développement multiplateforme, uniapp peut réaliser rapidement la conversion entre les petits programmes et H5 sur la base d'un ensemble de codes, améliorant considérablement l'efficacité du développement. Cet article présentera comment Uniapp peut réaliser une conversion rapide entre les mini-programmes et H5, et donnera des exemples de code spécifiques. 1. Introduction à uniapp unia
Vous apprendre à utiliser des modèles de messages de compte public dans des mini-programmes (avec des idées détaillées)
Nov 04, 2022 pm 04:53 PM
Cet article vous présente quelques problèmes liés aux mini-programmes WeChat. Il présente principalement comment utiliser les modèles de messages de compte officiel dans les mini-programmes. J'espère que cela sera utile à tout le monde.
Tutoriel sur l'écriture d'un programme de chat simple en Python
May 08, 2023 pm 06:37 PM
Idée d'implémentation x01 Mise en place du serveur Tout d'abord, c?té serveur, le socket est utilisé pour accepter les messages. Chaque fois qu'une demande de socket est acceptée, un nouveau thread est ouvert pour gérer la distribution et l'acceptation des messages. En même temps, il y a un gestionnaire. pour gérer tous les Threads, réalisant ainsi le traitement des diverses fonctions du salon de discussion. La mise en place du client x02 est beaucoup plus simple que celle du serveur. La fonction du client est uniquement d'envoyer et de recevoir des messages, et de saisir des caractères spécifiques en fonction. règles spécifiques. Pour pouvoir utiliser différentes fonctions, il suffit donc, c?té client, d'utiliser deux threads, l'un est dédié à la réception de messages et l'autre à l'envoi de messages. Quant à pourquoi ne pas en utiliser un, celui-là. c'est parce que, seulement
Positionnement géographique et affichage cartographique à l'aide de PHP et de mini-programmes
Jul 04, 2023 pm 04:01 PM
Positionnement par géolocalisation et affichage cartographique de PHP et des mini-programmes Le positionnement par géolocalisation et l'affichage cartographique sont devenus l'une des fonctions nécessaires de la technologie moderne. Avec la popularité des appareils mobiles, la demande des gens en matière de positionnement et d'affichage de cartes augmente également. Au cours du processus de développement, PHP et les applets sont deux choix technologiques courants. Cet article vous présentera la méthode de mise en ?uvre du positionnement géographique et de l'affichage de la carte dans PHP et les mini-programmes, et joindra des exemples de code correspondants. 1. Géolocalisation en PHP En PHP, on peut utiliser la géolocalisation tierce
