美文网首页
微信小程序: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