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

简介: 小程序使用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,
    });
  },


相关文章
|
小程序
微信小程序无法使用async await的问题
微信小程序无法使用async await的问题
404 0
|
5月前
|
人工智能 算法 开发工具
快手封号一般封多久?
一、封禁时长梯度设计原理
|
9月前
|
人工智能 自然语言处理 算法
通义灵码全新上线模型选择功能,新增支持DeepSeek-V3和DeepSeek-R1模型
通义灵码全新上线模型选择功能,新增支持DeepSeek-V3和DeepSeek-R1模型
|
域名解析 弹性计算 安全
阿里云域名注册到备案再到解析详细流程
本文主要讲解域名的注册,备案和解析流程,帮小白轻松搞定域名全流程
|
前端开发 JavaScript 数据管理
React Formik入门:简化表单处理的神器——全面掌握Formik在React表单开发中的高效应用与实战技巧
【8月更文挑战第31天】在React应用中,表单处理常常因繁琐而令人头疼。Formik作为一个开源库,专为简化React表单设计,减少冗余代码并提升处理效率。本文介绍Formik的使用方法及其优势,通过示例展示如何安装配置并创建基本表单,帮助开发者轻松应对各种表单需求。
318 0
|
NoSQL 前端开发 Java
基于springboot实现OA办公管理系统
基于springboot实现OA办公管理系统
312 0
基于springboot实现OA办公管理系统
|
网络安全 开发工具 git
git config 查看,设置,删除项
git config 查看,设置,删除项
git config 查看,设置,删除项
|
JavaScript 前端开发 编译器
Vue3 script setup 语法糖,就问你甜不甜
Vue3 script setup 语法糖,就问你甜不甜
1245 2
|
应用服务中间件 Docker Python
简单总结:使用 gunicorn 进行 Python Web 应用部署
简单总结:使用 gunicorn 进行 Python Web 应用部署
593 0