在uniapp中通过自定义事件使页面之间传递数据

一只欢喜2023-11-14 8:30

在uniapp中，可以使用uni.$emit来在页面之间传递数据。uni.emit是一个事件触发器，可以在一个页面中触发一个自定义事件，并在其他页面中监听和处理这个事件。

javascript 复制代码

// A页面
uni.$emit('dataChanged', { message: 'Hello from A page!' });

在接收数据的页面（例如B页面）中，你可以使用uni.$on来监听这个自定义事件，并处理传递过来的数据：

javascript 复制代码

// B页面
uni.$on('dataChanged', (data) => {
  console.log(data.message); // 输出：Hello from A page!
});

在B页面中，当A页面触发了'dataChanged'事件时，B页面的监听器会被触发，并且可以获取到传递过来的数据。

需要注意的是，uni.emit和uni.on必须在页面的生命周期内使用，通常在页面的created或mounted生命周期函数中使用。