微信小程序：前台数据的增删改查

最新推荐文章于 2024-04-28 04:29:12 发布

原创

最新推荐文章于 2024-04-28 04:29:12 发布 · 430 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#小程序 #微信

本文介绍了如何在微信小程序(WXML)中，通过JavaScript的splice方法实现对goods数组的删除操作。通过实例展示了删除指定索引元素并更新视图的过程，适合前端开发者学习数据处理和组件交互。

删除操作

this.data.goods.splice(clickIndex,1);

效果图：

代码

good,js

// pages/goods/goods.js
Page({

  /**
   * 页面的初始数据
   */
  data: {


    //对数据的增删改查
    goods:["华为手机","小米手机","OPPO手机","一加手机","魅族手机"],


    newgoods:["苹果手机","三星手机","诺基亚手机"]

  },
  delitem(event)
  {
      let  clickIndex=event.currentTarget.dataset.index;
      console.log("点击的index为:"+clickIndex);


      //1.删除goods数组中的点击这项  splice(删除的当前项，几项)
      this.data.goods.splice(clickIndex,1);
      console.log(this.data.goods);


      //2.把删除后goods数组通过setData({});模型数据驱动视图
      this.setData({goods:this.data.goods});



  },
  
  beforeadd()
  {

  },