Explication détaillée des paramètres du mini programme WeChat

Le lancement du mini-programme WeChat fera sans aucun doute à nouveau des vagues dans l'industrie de l'Internet mobile.

Certaines personnes se demanderont si le mini-programme sera populaire. Je ne sais pas s'il sera populaire. Vous pouvez tout comprendre en regardant le nombre d'utilisateurs sur WeChat.

Mini programme WeChat - Passage des paramètres

Ici, j'ai trouvé deux façons de transmettre des paramètres sur le mini programme Pour plus de commodité, je les partagerai avec vous séparément.

1. Paramètre passant par les événements

Regardons d'abord la définition des événements dans l'applet :

#Qu'est-ce qu'un événement ?

Voici le texte de la liste des événements. une vue Communication couche à couche logique.

Voici une liste d'événements textuels qui peuvent renvoyer le comportement de l'utilisateur à la couche logique pour traitement.
Voici une liste d'événements texte qui peuvent être liés au composant. Lorsque l'événement déclencheur est atteint, la fonction de traitement d'événement correspondante dans la couche logique sera exécutée.
Voici le texte de la liste. L'objet événement peut contenir des informations supplémentaires, telles que l'identifiant, l'ensemble de données, les touches.

Il est clairement indiqué qu'il s'agit de la méthode de communication de la couche de vue [wxml] à la couche logique [js]. L'objet temporel peut transporter des informations supplémentaires. Il est tout à fait correct de l'utiliser. événement pour transmettre les paramètres. Ensuite, jetons un coup d'œil à un exemple en action :

View.wxml

4de212d85b4fa8fa03a8121ccc684cea Cliquez sur moi ! 20908554640865bb724c429685f97dbe

Logic.js

Page({
 tapName: function(event) {
      console.log(event.target)
 }
})

impression du journal

Vous pouvez voir que l'ensemble de données contient la valeur de data-hi="MINA" que nous avons définie. Voyons maintenant ce que nous venons d'écrire. Tout d'abord, bindtap. Ce qui commence par bind est de lier un événement à celui-ci. Le nom de cet événement est la valeur après le signe "=". événement lié. Il doit être dans la définition de la couche logique [js ”. Ensuite, il y a le passage de valeur. Les amis qui l'ont remarqué peuvent voir que le data-hi que nous avons écrit ici est la même méthode de définition que le passage de valeur que nous écrivons habituellement en js. Ce data-* correspond à la valeur de l'ensemble de données dans la cible de l'attribut de l'événement. Ce que nous devons appeler ici est event.target.dataset.hi pour obtenir la valeur correspondant à data-hi.

Ici, vous devez faire attention au nom de définition des données : Méthode d'écriture : En commençant par data-, plusieurs mots sont liés par des traits d'union- et ne peuvent pas être mis en majuscule (les majuscules seront automatiquement converties en minuscules), par exemple en tant que type d'élément de données, Enfin, le trait d'union sera converti en type d'élément de cas camel dans event.target.dataset.

Exemple officiel :

<view data-alpha-beta="1" data-alphaBeta="2" bindtap="bindViewTap"> DataSet Test </view>
 
Page({
 bindViewTap:function(event){
  event.target.dataset.alphaBeta == 1 // - 会转为驼峰写法
  event.target.dataset.alphabeta == 2 // 大写会转为小写
 }
})

*.js Après avoir sauté sur la nouvelle page, recevez directement les paramètres dans onload. La méthode de réception est options.[Valeur du paramètre]

<view class="btn-area">
 <navigator url="navigate?title=navigate" hover-class="navigator-hover">跳转到新页面</navigator>
 <navigator url="redirect?title=redirect" redirect hover-class="other-navigator-hover">在当前页打开</navigator>
</view>

D'accord, c'est tout pour aujourd'hui, j'inclurai également le lien vers le document, qui est inclus dans. le document rédigé ci-dessus. Je les ai simplement déplacés et je les ai dit avec mes mots. …(⊙＿⊙;)…

Merci d'avoir lu, j'espère que cela pourra aider tout le monde, merci pour votre soutien à ce site !

Pour plus de détails sur la transmission des paramètres de l'applet WeChat et des articles connexes, veuillez faire attention au site Web PHP chinois !

Page({
 onLoad: function(options) {
  this.setData({
   title: options.title
  })
 }
})