Das WeChat-Applet implementiert die Funktion des dynamischen Hinzufügens von Klassen. Tatsächlich ist dies alles, was Sie tun müssen.

Realisieren Sie im WeChat-Applet die Funktion des dynamischen Hinzufügens von Klassen zu bestimmten Elementen einer kreisförmigen Liste, um den ausgewählten Status festzulegen

**Idee: **Document.getElementById().addClass() kann in Webseiten verwendet werden, aber document kann nicht zum Abrufen von Elementen in Applets verwendet werden. Das Applet kann eine Datenstruktur erstellen und die Daten entsprechend den Geschäftsanforderungen dynamisch ändern, um zu bestimmen, ob der ausgewählte Stil hinzugefügt werden soll. Der spezifische Code lautet wie folgt:

//index.wxml
<view wx:for="{
    
    {sheets}}" wx:key="index" data-dang="{
    
    {item.dang}}" bindtap="clickSheetItem" class="index-item {
    
    {item.isFill ? 'fill' : ''}}">
    {
    
    {
    
    item.dang}}
</view>
//index.js
data:{
    
    
	sheets:[
		{
    
     dang:1, isFill:false },
		{
    
     dang:1, isFill:false },
		{
    
     dang:1, isFill:false },
	],
}

Acho que você gosta

Origin blog.csdn.net/qq_44415875/article/details/129946809
Recomendado
Clasificación