解决uni-app小程序获取路由及路由参数

在uni-app中获取当前页面路由信息及参数，可以使用uni的API uni.navigateTo 和 uni.redirectTo 来获取路由跳转时的参数。

以下是一个简单的例子，演示如何在页面加载时获取路由参数：

// 假设我们在一个页面中，需要获取跳转过来时的参数
export default {
  onLoad(options) {
    // options 对象包含了跳转时所带的参数
    console.log('页面加载时获取到的参数:', options);
    
    // 假设需要从参数中获取名为 id 的值
    const id = options.id;
    console.log('获取到的 id 参数值为:', id);
  }
}

在上述代码中，onLoad 函数是页面生命周期函数中的一个，当页面加载时，会自动执行。onLoad 函数的参数 options 是一个对象，包含了跳转时传递的所有参数。

如果你是通过编程方式进行页面跳转，并希望传递参数，可以这样做：

// 页面跳转并传递参数
const params = { id: 123, name: 'uni-app' };
uni.navigateTo({
  url: '/pages/target/target?' + Object.keys(params).map(key => `${key}=${params[key]}`).join('&')
});

在上述代码中，我们构建了一个查询字符串并通过 navigateTo 方法跳转页面，同时将参数附加在URL后面。在目标页面中，通过 onLoad 方法的 options 参数即可获取到这些参数。