在微信小程序中，實(shí)現(xiàn)一個(gè)循環(huán)列表某些元素動(dòng)態(tài)添加class，以設(shè)置選中狀態(tài)的功能
**思路：**網(wǎng)頁(yè)中可能使用document.getElementById().addClass()實(shí)現(xiàn)，但是在小程序中無(wú)法使用document獲取元素。小程序可以構(gòu)造一個(gè)數(shù)據(jù)結(jié)構(gòu)，根據(jù)業(yè)務(wù)需求動(dòng)態(tài)修改數(shù)據(jù)去判斷是否添加選中樣式。具體代碼如下：文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-504109.html
//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 },
],
}
文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-504109.html
到了這里，關(guān)于微信小程序?qū)崿F(xiàn)動(dòng)態(tài)添加class的功能，其實(shí)這樣做就可以了的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
