uniapp跳转之后的界面接收跳转之前的界面的有关数据

uniapp跳转之后的界面接收跳转之前的界面的有关数据

首先，官方解释更好，更全面，更详细，更权威

官方地址

跳转之前的界面

跳转界面的时候往往都是跟随着@click事件，所以我们在@click中的函数写入需要传递给跳转之后的界面的参数，

比如：

<button type="primary" size="mini" @click="navgo(parameters)">跳转界面</button>

假设parameters参数就是data中的数据，

export default {
    data() {
        return {
            data:'123321'
        }
    },
}

然后在methods中注册事件并在跳转界面的时候传入相关的参数

methods: {
    login(parameters){
        uni.navigateTo({  
            url:'/pages/health/heart/record/record?data=' + parameters	// 该data是传递过去的数据名称， parameters是传递过去的数据
        })
    }
}

跳转之后的界面

直接在界面生命周期onLoad中，监听页面的加载，其参数为上个页面传递的数据，参数类型为 Object

onLoad(option) {
    console.log("从上个界面传递过去的参数",option)
}

最后看控制台可以看到：