css3 - Comment changer la radio dans le style de 2 boutons de sélection dans l'applet WeChat

Question

<radio-group>
        <label>
          <radio value="1" checked="checked" class="radio"/>demo1
          <radio style="margin-left: 40rpx;" value="2"/>demo2
          </label>
</radio-group>
          

Je souhaite changer la radio pour le style de 2 boutons. Comme suit
Si vous utilisez la liaison d'état, style={{color}} ne peut lier que la couleur du bouton cliqué lui-même et ne peut pas supprimer la couleur des autres boutons. Que dois-je faire ?

Answer 1

Vous êtes tombé dans un malentendu. Pourquoi devez-vous utiliser la radio pour une sélection unique ? L'applet elle-même est également pilotée par les données. Tant que vous vous assurez que l'état des données est correct, n'importe quel composant peut assumer la fonction de radio

.

Answer 2

Puis-je demander à l'affiche, comment réinitialiser le style du composant raido du mini programme ? J'ai essayé plusieurs méthodes mais je n'arrive pas à le réinitialiser. La capture d'écran que vous avez prise montre que le style du composant radio a été réinitialisé avec succès ? Résoudre

---

J'ai trouvé un moyen de réinitialiser le style du composant~

Answer 3

Ce n'est pas une réinitialisation, juste deux boutons, une façon intelligente de simuler la radio avec l'état de contrôle des données !