微信小程序页面删除数据后实现自动刷新页面

在微信小程序中，如果你想在删除页面数据后自动刷新页面，可以通过监听数据变化来实现。

以下是一个简单的示例，假设你有一个data对象，其中包含你想要删除的项，以及一个函数deleteItem用于删除数据：

// pages/example/example.js  
Page({  
  data: {  
    items: [  
      { id: 1, name: 'Item 1' },  
      { id: 2, name: 'Item 2' },  
      // ...  
    ]  
  },  
  deleteItem: function(itemId) {  
    const index = this.data.items.findIndex(item => item.id === itemId);  
    if (index !== -1) {  
      this.setData({  
        items: this.data.items.filter(item => item.id !== itemId), // 删除数据项  
      });  
    }  
  },  
  onLoad: function() {  
    // 监听数据变化，当数据变化时自动刷新页面  
    this.setData({  
      items: this.data.items, // 初始化数据  
    });  
    this.onWatch(); // 调用监听函数  
  },  
  onWatch: function() {  
    // 数据监听，当数据变化时调用onLoad函数重新加载页面  
    const that = this;  
    wx.watchData(this.data, (data) => {  
      if (JSON.stringify(data) !== JSON.stringify(that.data)) { // 如果数据有变化则重新加载页面  
        that.onLoad();  
      }  
    });  
  },  
});

在这个示例中，当你调用deleteItem函数删除一个数据项后，数据监听会检测到数据的变化并自动刷新页面。

上一篇：微信小程序如何生成链接

下一篇：前端实现微信小程序信用分免押（也称微信分免押）