【uniapp】各端获取路由路径的方法

**getCurrentPages()**是uniapp提供的一个API,放回当前页面栈所有页面实例的数组,页面栈是按照页面的打开顺序排列的,最后一条数据当前显示的页面,第一条是最早的页面;

仅 h5 端、IOS 适用

javascript 复制代码
const pages = getCurrentPages()
// 获取最后一个元素,也就是当前显示的页面实例
const currentPage = pages[pages.length - 1]
// 获取当前页面的名称
const pageName = currentPage.$page.meta.name

h5端、IOS、Android、小程序适用(更推荐)

javascript 复制代码
const pages = getCurrentPages()
// 获取页面栈中的最后一个元素,也就是当前显示的页面
const currentPage = pages[pages.length - 1]
// 获取的是当前页面的路由路径
const pageName = currentPage.route
相关推荐
经年未远20 小时前
vue3中实现耳机和扬声器切换方案
javascript·学习·vue
刘一说20 小时前
Vue 组件不必要的重新渲染问题解析:为什么子组件总在“无故”刷新?
前端·javascript·vue.js
可触的未来,发芽的智生21 小时前
狂想:为AGI代称造字ta,《第三类智慧存在,神的赐名》
javascript·人工智能·python·神经网络·程序人生
徐同保21 小时前
React useRef 完全指南:在异步回调中访问最新的 props/state引言
前端·javascript·react.js
fanruitian21 小时前
uniapp 创建项目
javascript·vue.js·uni-app
刘一说1 天前
Vue 导航守卫未生效问题解析:为什么路由守卫不执行或逻辑失效?
前端·javascript·vue.js
一周七喜h1 天前
在Vue3和TypeScripts中使用pinia
前端·javascript·vue.js
weixin_395448911 天前
main.c_cursor_0202
前端·网络·算法
摘星编程1 天前
用React Native开发OpenHarmony应用:Calendar日期范围选择
javascript·react native·react.js
东东5161 天前
基于vue的电商购物网站vue +ssm
java·前端·javascript·vue.js·毕业设计·毕设