1 : ParamètresMéthode de transmission de la valeur
1 : données -id
Nous pouvons ajouter data-*attribut à l'élément HTML pour transmettre la valeur dont nous avons besoin. Mode d'emploi :
(1) Définir l'identifiant de données
1 | <view class = "block" bindtap= "playTap" data-id= "{{modle.id}}" >
|
Copier après la connexion
(2) : Obtenir la valeur + passer la valeur
1 2 3 4 5 6 7 | playTap: function (e) {
const dataset = e.currentTarget.dataset;
wx.navigateTo({
url: '../play/index?id='+ dataset.id
})
console.log(dataset.id);
}
|
Copier après la connexion
(3) : Obtenir la valeur
1 2 3 4 5 6 | onLoad: function (param) {
this.setData({
currentId:param.id
})
}
|
Copier après la connexion
data -Remarque : le nom data- ne peut pas avoir de lettres majuscules. Une fois, j'ai trouvé cette erreur après une longue recherche car il avait une lettre majuscule. Les objets ne peuvent pas être stockés dans les attributs data-*
2 : Définir l'identifiant. Identificateur de méthode pour transmettre la valeur
Instructions d'utilisation :
(1) Définir l'identifiant
1 | <view bindtap=“playTap " id=" {{modle.id}}">
|
Copier après la connexion
(2) Obtenir la valeur
Récupérez la valeur de l'identifiant défini via e.currentTarget.id, puis transmettez la valeur en définissant l'objet global
3 : Ajouter la valeur du paramètre en passant dans le navigateur
Instructions d'utilisation
(1) Passage de valeur : Splice après l'attribut du navigateur url?id (nom du paramètre) = la valeur à transmettre (si plusieurs paramètres sont séparés par & &name=value&…….)
1 | <navigator url= "../my/my?id={{item.id}}" wx: for = "{{modles}}" >
|
Copier après la connexion
(2) Valeur :
1 2 3 4 | onLoad (params){
app.fetch(API.detail + params.id,(err,data) => {
})
}
|
Copier après la connexion
2 : Encapsulation des demandes de données
1 Mettez toutes les
interfaces dans un fichier js unifié et exportez <🎜. >
2 : Créer une méthode pour encapsuler les données de la requête dans app.js
1 2 3 4 5 6 7 | const api = {
interface1: 'https:
interface2: 'https:
interface3: 'https:
.....
}
module.exports = api;
|
Copier après la connexion
3 : Appeler la méthode encapsulée pour demander les données dans la sous-page
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | fetch(url,data, callback) {
wx.request({
url,
data: data,
header: {
'Content-Type': 'application/json'
},
success(res) {
callback(null, res.data);
},
fail(e) {
callback(e);
}
})
},
|
Copier après la connexion
Trois : Utiliser des modèles (j'ai découvert que les modèles sont une si bonne chose !)
1 2 3 4 5 6 7 8 9 10 11 | import API from "../../api/api.js" ;
const app = getApp();
const conf = {
data:{
title:'正在拼命加载中...',
loadding:true
},
onLoad (){
app.fetch(API.hot,{},(err,data) => {
})
}
|
Copier après la connexion
1 : Définir le modèle : nom définir le nom du modèle
2 : Utiliser template
1 2 3 4 | <template name= "homecell" >
<view class = "item" >
</view>
</template>
|
Copier après la connexion
Introduisez d'abord le modèle
puis utilisez le modèle is, puis écrivez le nom du modèle.. Pour transmettre des données, les données doivent être transmises
1 | <import src= "../../commonXml/homecell.wxml" />
|
Copier après la connexion
Quatre : Le tableau est plus facile à utiliser Les propriétés et méthodes de
1 | <template is= "homecell" data= "{{item}}" ></template>
|
Copier après la connexion
Array.isArray() sont utilisées pour déterminer si une valeur est un tableau. Si c'est le cas, elle renvoie vrai, sinon elle renvoie faux. La valeur du tableau ou non-tableau est combinée avec le tableau d'origine pour former un nouveau tableau et renvoyée. La méthode
forEach() exécute la fonction fournie (fonction de rappel) une fois pour chaque élément du tableau. La méthode join() joint tous les éléments du tableau en une chaîne. La méthode
keys() renvoie un itérateur d'indices de tableau.
La méthode map() renvoie un nouveau tableau composé de la valeur de retour de chaque élément du tableau d'origine après avoir appelé une méthode spécifiée.
La méthode pop() supprime le dernier élément d'un élément du tableau et renvoie cet élément.
La méthode push() ajoute un ou plusieurs éléments à la fin du tableau et renvoie la nouvelle longueur du tableau (valeur de l'attribut length).
toString() renvoie une chaîne représentant le tableau spécifié et ses éléments.
Cinq : Méthodes courantes de l'objet
1 Méthode d'initialisation
2 Méthode d'ajout d'éléments
1 2 3 | var obj = [];
var obj = new obj();
var obj = Object.create(null);
|
Copier après la connexion
3 Comment supprimer la clé
Copier après la connexion
4 Effacer toutes les entrées du mot
Copier après la connexion
5 Supprimer
Copier après la connexion
6 méthodes pour afficher tous les attributs
Copier après la connexion
Tous les noms de clés de l'objet sont des chaînes, donc sans guillemets ou sans Oui, si le nom de la clé est une valeur numérique, il sera automatiquement converti en chaîne. Cependant, si le nom de la clé ne remplit pas les conditions du nom d'identification (par exemple, le premier caractère est un nombre ou contient un espace). ou l'opérateur
), il le sera également. Si ce n'est pas un nombre, vous devez ajouter des guillemets, sinon une erreur sera signalée
Copier après la connexion
7 Lire les attributs
Remarque : L'opérateur point ne peut pas être utilisé pour les noms de touches numériques (car il sera traité comme un point décimal), seul l'opérateur crochet peut être utilisé.
8 Vérifier si la variable
1 | obj.name || obj['name']
|
Copier après la connexion
est déclarée
9 L'opérateur in est utilisé pour vérifier si l'objet contient un certain attribut, et renvoie true si c'est le cas, sinon return false
1 | if (obj.name) || if (obj['name'])
|
Copier après la connexion
10 pour… dans
La boucle
1 | if ( ‘x' in obj) { return 1}
|
Copier après la connexion
est utilisée pour parcourir toutes les propriétés d'un objet
11 avec instruction
Fonction : Offre une certaine commodité d'écriture lors de l'utilisation de plusieurs propriétés du même objet
1 2 3 | for ( var i in obj) {
console.log(obj);
}
|
Copier après la connexion
est équivalent à
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!