本文實(shí)例講述了微信小程序?qū)崿F(xiàn)多選刪除列表數(shù)據(jù)功能。分享給大家供大家參考,具體如下:

實(shí)現(xiàn)小程序一個(gè)類似多選列表刪除的功能
<!-- 錯(cuò)題本 -->
<view class="contarner">
<view class="content">
<view class="title flex-def flex-cCenter flex-zBetween">
<view>錯(cuò)題本(<text>{{list.length}}</text>)題</view>
<view class="editBtn" bindtap="showSelIcon">{{iconStatu?'取消':'編輯'}}</view>
</view>
<view class="{{iconStatu?'margin-b':''}}">
<view bindtap="toggleSel" class="item flex-def flex-cCenter flex-zBetween" wx:for="{{list}}" wx:key="{{index}}" data-id='{{item.id}}'>
<view class="flex-def flex-cCenter flex-zBetween" data-id='{{item.id}}'>
<icon wx:if="{{iconStatu}}" type="success" size="20" color="{{item.selStatu?'#0f0':'#999'}}" data-id='{{item.id}}' />
<view data-id='{{item.id}}'>
<text data-id='{{item.id}}'>{{item.letter}}-</text>
<text data-id='{{item.id}}'>正確:{{item.nickname}}</text>
</view>
</view>
<view data-id='{{item.id}}'>
<text class="wrongCount" data-id='{{item.id}}'>23</text>
<text class="wrongText" data-id='{{item.id}}'>錯(cuò)誤次數(shù)</text>
</view>
</view>
</view>
</view>
<view class="footer" wx:if="{{iconStatu}}" bindtap="delItem">
已掌握,移除錯(cuò)題本({{selList.length}})
</view>
</view>
文章標(biāo)題:微信小程序?qū)崿F(xiàn)多選刪除列表數(shù)據(jù)功能示例-創(chuàng)新互聯(lián)
URL鏈接:http://chinadenli.net/article48/hhghp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計(jì)公司、自適應(yīng)網(wǎng)站、小程序開發(fā)、ChatGPT、用戶體驗(yàn)、手機(jī)網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容