Maison  >  Article  >  interface Web  >  Comment afficher des options uniques dans le mini-programme WeChat

Comment afficher des options uniques dans le mini-programme WeChat

亚连
亚连original
2018-06-21 16:24:462871parcourir

Cet article présente principalement l'utilisation de la fonction d'option unique d'affichage radio dans l'applet WeChat, impliquant des techniques de fonctionnement liées à la réponse aux événements des composants radio, et est livré avec le code source que les lecteurs peuvent télécharger pour référence. Les amis dans le besoin peuvent s'y référer

.

Cet article L'exemple décrit comment l'applet WeChat utilise la radio pour afficher une seule fonction d'option. Partagez-le avec tout le monde pour votre référence, comme suit :

Code clé

① index.wxml

<radio-group bindchange="radiogroupBindchange">
 <radio value="radio1">radio1</radio>
 <radio value="radio2">radio2</radio>
 <radio value="radio3">radio3</radio>
</radio-group>
<view>提示:{{text}}</view>

② index.js

Page({
 data:{
  // text:"这是一个页面"
  text:&#39;&#39;
 }, 
 radiogroupBindchange:function(e){
  console.log(e);
  this.setData({
   text:&#39;您选择了&#39;+e.detail.value
  })
 }
})

Ce qui précède est ce que j'ai compilé pour vous. J'espère qu'il vous sera utile à l'avenir.

Articles connexes :

Comment développer des applications AngularJS 2 à l'aide de l'éditeur VS Code

À propos de l'optimisation du chargement du premier écran SPA dans Vue ( Tutoriel détaillé)

À propos de l'utilisation de l'opérateur pipe (|) dans Angular

À propos de la modification du texte ou du code sélectionné dans le VS Code éditeur Opération de couleur

Comment utiliser le réseau de requêtes pour effectuer des opérations de requête dans l'applet WeChat

Comment implémenter la fonction de mise à jour du tableau dans VUE

Utiliser le développement modulaire dans vuejs

À quoi devez-vous faire attention lors de l'optimisation des projets Vue ?

Comment implémenter la communication des composants dans vue-cli

Utiliser angulaire pour écrire le composant Message

Comment lier la source de données Json à l'aide d'EasyUI

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:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn