Uni-App 获取路由参数详解

在 uni-app 中，可以通过 'this.$route.params' 来获取路由参数。例如，如果路由定义为 '/pages/detail?id=1'，可以通过以下方式来获取 id 参数：

export default {
  onShow() {
    const id = this.$route.params.id;
    console.log(id);
  }
}

详细说明：

1. 'this.$route.params'：用于获取当前路由的所有参数，参数存储在一个对象中。
2. 'id'：这是路由参数的键名，对应路由定义中的 'id'。
3. 'onShow' 生命周期函数：在页面显示时执行，获取路由参数并进行操作。

其他应用场景：

除了获取单个参数，还可以获取多个参数，例如：

const { id, name } = this.$route.params;
console.log(id, name);

注意：

• 必须在 'onShow' 生命周期函数中获取参数，因为在页面创建时，路由参数可能还没有被解析。
• 如果路由参数不存在，则 'this.$route.params' 中对应的键值为空。

希望本文能够帮助您理解如何在 uni-app 中获取路由参数。