WeChat アプレットにはクラスを動的に追加する機能が実装されており、実際に行う必要があるのはこれだけです。

WeChat アプレットで、循環リストの特定の要素にクラスを動的に追加して選択状態を設定する機能を実現します。

**アイデア: **Document.getElementById().addClass() は Web ページで使用できますが、アプレット内の要素を取得するために document を使用することはできません。アプレットはデータ構造を構築し、ビジネス ニーズに応じてデータを動的に変更し、選択したスタイルを追加するかどうかを決定できます。具体的なコードは次のとおりです。

//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 },
	],
}

おすすめ

転載: blog.csdn.net/qq_44415875/article/details/129946809
おすすめ