美文网首页uni-app
uni-app获取当前页参数

uni-app获取当前页参数

作者: 葶子123 | 来源:发表于2019-06-10 16:49 被阅读0次

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

正常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
}

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

相关文章

网友评论

    本文标题:uni-app获取当前页参数

    本文链接:https://www.haomeiwen.com/subject/fjttfctx.html