Maison  >  Article  >  Applet WeChat  >  Comment utiliser wxs pour calculer les données obtenues dans l'applet

Comment utiliser wxs pour calculer les données obtenues dans l'applet

angryTom
angryTomavant
2020-03-21 10:24:193637parcourir

Cet article présente les données obtenues en utilisant le calcul wxs dans l'applet. La fonction d'événement écrite peut être exposée via le code wxs et appelée dans wxml.

Comment utiliser wxs pour calculer les données obtenues dans l'applet

Comment l'applet utilise wxs pour calculer les données acquises

Un peu de calcul est souvent nécessaire pour les données acquises, par exemple, divisez deux nombres avec seulement deux décimales.

wxs est couramment utilisé pour le traitement des données. Le code WXS peut être écrit dans des balises dans des fichiers wxml ou dans des fichiers avec le suffixe .wxs. Cas 1 : Écrire dans le wxml utilisé une définition de module qui n'est utilisée que dans ce fichier

étape, 1 définir ce module, écrire la fonction de traitement d'événement et l'exposer

var getEvery = function(totle,each) {   
 var eachPrice=(totle/each).toFixed(2);   
 return eachPrice; 
}  
module.exports.getEvery = getEvery;

(Apprentissage recommandé : Développement de mini-programmes)

Ce code est écrit dans le fichier wxml. Chaque fichier et balise .wxs est un module distinct. Chaque module a sa propre portée indépendante. Autrement dit, les variables et fonctions définies dans un module sont privées par défaut et ne sont pas visibles par les autres modules. Si un module souhaite exposer ses variables et fonctions privées internes au monde extérieur, cela ne peut être réalisé que via module.exports.

étape 2. Utilisé dans wxml : nom du module. Nom de la méthode (paramètre un, paramètre deux

le paramètre est dans page.js Utilisez simplement

{{m1.getEvery(goods.retailPriceJia,goods.childNum)}}

.

Cas 2 : Définir wxs en dehors du fichier de référence ne dépend pas de la version de base de la bibliothèque du runtime et peut s'exécuter dans toutes les versions de mini programmes. Vous n'avez donc pas à vous soucier de l'étape de version 1. Le fichier .wxs se trouve dans les outils de développement WeChat. Vous pouvez directement créer le fichier .wxs en cliquant dessus avec le bouton droit et y écrire le script WXS directement.

étape 2 Une seule définition de fichier peut exposer des noms de variables et des fonctions, un ou plusieurs

var filters = { 
 toFix: function (value) {   
     return value.toFixed(2)//此处2为保留两位小数  
  }
}
var filt = {  
    toFix: function (value) {    
    return value.toFixed(1)
        //此处1为保留1位小数  
    }
}
module.exports = { 
 toFix: filters.toFix,  toFixs: filt.toFix
}

Le fichier .wxs peut être référencé par d'autres fichiers .wxs ou balises en WXML .

étape 3. Utilisez

¥{{filt.toFixs(item.retailPriceJia)}}/个市场价:¥{{filt.toFixs(item.retailPrice)}}

sur d'autres pages. L'effet est obtenu en conservant deux décimales.

Site Web PHP chinois, un grand nombre de

tutoriels vidéo jquery gratuits, bienvenue pour apprendre en ligne !

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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer