小程序做购物车功能，删除购物车商品后刷新列表怎么实现

在小程序中实现购物车功能，并在删除商品后刷新列表，通常需要以下步骤：

1. **维护购物车数据结构**：首先，需要一个数组或者其他数据结构来存储购物车中的商品信息，每个商品通常会有商品ID、数量、价格等属性。

2. **删除商品函数**：编写一个函数来处理删除操作，该函数应该能够接受一个参数，通常是商品的ID，用于定位要删除的商品。

3. **更新数据源**：在删除商品的函数中，需要在数组中找到对应的商品ID，并将其从数组中移除。这通常会使用数组的`filter`方法或者`splice`方法来实现。

4. **界面更新**：在商品删除成功后，需要更新界面上的显示。在小程序中，可以使用`wx.setStorageSync`或类似的函数来更新本地存储的数据，然后在页面的`onLoad`或`onShow`钩子函数中重新获取最新的购物车数据，并使用`wx.setData`或相似的函数来更新页面数据。

5. **页面重新渲染**：调用小程序页面数据更新的相关函数后，页面会自动根据最新的数据重新渲染，从而实现列表的刷新。

示例代码框架如下：

Page({
  data: {
    // 购物车商品列表
    cartItems: []
  },

  onLoad: function(options) {
    // 页面加载时获取购物车数据
    this.cartItems = wx.getStorageSync('cartItems') || [];
  },

  removeCartItem: function(event) {
    // 删除商品的函数
    const productId = event.currentTarget.dataset.productId;
    // 更新购物车数组
    this.cartItems = this.cartItems.filter(item => item.id !== productId);
    // 更新本地存储的购物车数据
    wx.setStorageSync('cartItems', this.cartItems);
    // 刷新页面
    this.setData({
      cartItems: this.cartItems
    });
  }
});

需要注意的是，小程序的数据绑定机制（`setData`）不会影响已经绑定的数据结构本身的引用，而是会将新的数据对象浅拷贝给对应的属性。因此，对于数组或对象类型的数据，我们应该传入一个新的引用，否则可能无法触发视图的更新。