开发者社区开发与运维文章正文

小程序使用this.setData()来做删除无刷新

2022-05-18 110

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 小程序使用this.setData()来做删除无刷新

我们在pc端做污无刷新可以使用ajax来做，但是小程序没有这个功能。那么下来介绍另一种方法

首先在data里边声明一个photos_url

在获取数据的时候，将数据直接保存在photos_url这个里边

在点击删除数据的时候，将数据的索引值传到js

循环判断，将点击得到的索引值跟全部数据的索引进行判断，不相等的全部存放到一个新的数组

最后重新赋值给photos_url即可

<view wx:for="{{photos_url}}" wx:for-index="index" class="mitem">
        <image class="img"  bindtap="delele" data-index="{{index}}" src="{{item}}"></image>
      </view>
delele: function (e) {
    console.log(e)
    var that = this;
    var index = e.target.dataset.index;
    var photos = that.data.photos;
    var photos_url = that.data.photos_url;
    var newphotos_url = [];
    for (var a in photos_url) {
      if (a != index) {
        newphotos_url.push(photos_url[a]);
      }
    }
    that.setData({
      photos_url: newphotos_url,
    });
  },