uniapp跳转页面并执行页面方法

858 阅读1分钟

一、跳转基本方法

uni.navigateTo(OBJECT) 保留当前页面,跳转到应用内的某个页面

uni.redirectTo(OBJECT) 关闭当前页面,跳转到应用内的某个页面

uni.reLaunch(OBJECT) 关闭所有页面,打开到应用内的某个页面

uni.switchTab(OBJECT) 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面

uni.navigateBack(OBJECT) 关闭当前页面,返回上一页面或多级页面

[携带参数的话只需要在url里面拼接,接收页面onLoad里面就可以获取到传递的参数]

具体传参方法和案例:(21条消息) Uniapp去掉顶部导航栏和路由传参_progrmmmm的博客-CSDN博客_uniapp取消顶部状态栏

二、跳转页面并执行被跳转页面某个方法

这里用跳转到tabbar页面举例:

跳转的方法

uni.switchTab({
    url: "/pages/user/center",
    success: function(e) {
        var page = getCurrentPages()[0] //相当于被跳转页面的选择器
        if (page == undefined || page == null) { //判断页面是否存在
            return;
        } else {
            console.log(page) //打印选择器中内容   
            page.$vm.removeData()
        }
    }
})

执行跳转命令后我们可以看到console.log(page)的内容:

image.png

可以看到**removeData方法在$vm中,所以执行page.$vm.方法名()**就可以了

同样如果想修改被跳转页面中的数据或标签,只要在getCurrentPages()[0]命名的对象中找到对应条目修改就可以了,这种修改只是暂时的,数据修改还是建议放在接口里面和后端联动。 ————————————————

原文链接: