uni-app

uni-app获取当前页参数

2019-06-10  本文已影响0人  葶子123

前言:在做页面跳转时,匹配页面路由+参数,一样则认为重复打开界面(那么不做跳转)

正常vue页面中,在onLoad()获取,uni-app文档中有,不赘述

onLoad: function (option) { //option为object类型,会序列化上个页面传递的参数
    console.log(option.id); //打印出上个页面传递的参数。
    console.log(option.name); //打印出上个页面传递的参数。
}

但如果是在js中,可以用getCurrentPages()函数用于获取当前页面栈的实例
上代码

/*获取当前路由*/
let curPage = getCurPage();
//在微信小程序或是app中,通过curPage.options;如果是H5,则需要curPage.$route.query(H5中的curPage.options为undefined,所以刚好就不需要条件编译了)
let curParam = curPage.options || curPage.$route.query;

export function getCurPage(){
    let pages = getCurrentPages();
    let curPage = pages[pages.length-1];
    return curPage
}

好啦,完成!撒花花~~~

上一篇下一篇

猜你喜欢

热点阅读