classList中有多条记录,通过for循环在页面展示list信息
<!--表数据-->
<block wx:for="{{classList}}" wx:for-item="class" wx:for-index="classIdx" wx:key="classIdx">
<view class="classRow text-df text-black" wx:if="{{class!=null}}">
<view style="width:20%" class="text-center">{{class.schoolTerm}}</view>
<view style="width:30%" class="text-center">{{class.className}}</view>
<view style="width:30%" class="text-center">{{class.classTeacher}}</view>
<view style="width:20%" class="text-center">
<wux-icon type="ios-options" size="16" color="#39b54a"
bindtap="classOptions" data-classidx="{{classIdx}}"/>
</view>
</view>
</block>
在数据库后台删除数据后,前端页面也需要删除
为了避免刷新整个classList,可将已删除的记录设置为null
let certainClass = 'classList[' + classIdx + ']'
that.setData({[certainClass]: null}) // 将已删除的记录设置为null
前端页面通过wx:if="{{class!=null}}"来实现页面删除
网友评论