美文网首页
微信小程序:setData删除list中某个对象,实现单条数据前

微信小程序:setData删除list中某个对象,实现单条数据前

作者: 我的小小笔尖 | 来源:发表于2021-08-21 21:00 被阅读0次

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}}"来实现页面删除

相关文章

网友评论

      本文标题:微信小程序:setData删除list中某个对象,实现单条数据前

      本文链接:https://www.haomeiwen.com/subject/fdrqiltx.html