vue3+vite项目中,跳转时uni.navigateTo通过eventChannel向被打开页面传送数据,被打开的页面要如何接受
时间: 2024-02-24 15:53:55 浏览: 62
Vue页面跳转传递参数及接收方式
5星 · 资源好评率100%
在被打开的页面中,可以通过uni.getCurrentPages()获取当前页面栈的实例,然后使用该实例的onLoad生命周期函数中的options参数来获取传递过来的数据。
具体代码如下:
```javascript
uni.getCurrentPages()[uni.getCurrentPages().length - 1].onLoad(function(options){
// options即为传递过来的参数
console.log(options)
})
```
另外,也可以在被打开的页面中使用on方法监听eventChannel事件,从而获取传递过来的数据。具体代码如下:
```javascript
const eventChannel = this.getOpenerEventChannel()
eventChannel.on('eventName', data => {
console.log(data)
})
```
其中,eventName为在打开页面时通过eventChannel.emit方法发送事件时的事件名。
阅读全文