uniapp 跳转携带id

UniApp 中，如果你想通过页面跳转并将某个 ID 值传递给目标页面，可以使用 `uni.navigateTo` 或者 `uni.switchTab` 方法，并将数据作为 query 参数添加到路径中。这里是一个基本示例：

// 从当前页面跳转并携带 id
let id = 'your_id_value';
uni.navigateTo({
    url: '/targetPage?param=id&value=' + id,
});

// 如果是在 Tab 切换场景下
uni.switchTab({
    url: '/targetPage',
    params: {
        id: id,
    },
});

在这个例子中，`targetPage` 是你要跳转的目标页面路径，`param` 是自定义的参数名，`value` 就是你想传递的 ID 值。

在目标页面接收这个值，你可以通过 `this.$route.query.id` 获取它：

export default {
    data() {
        return {
            idFromParent: ''
        }
    },
    onLoad() {
        this.idFromParent = this.$route.query.id;
        // 这里可以对 id 进行处理
    }
}

相关问题

uniapp跳转页面携带对象

在uni-app中，可以通过以下方法实现跳转页面并携带对象参数：
1. 在跳转前，将需要传递的对象参数转为JSON字符串，然后使用encodeURIComponent进行编码，并拼接在url后面。例如：

const url = '/pages/detail/detail'; // 要跳转的页面路径
const obj = { id: 123, name: 'test' }; // 要传递的对象参数
const params = encodeURIComponent(JSON.stringify(obj)); // 将对象参数转为JSON字符串，并使用encodeURIComponent编码
uni.navigateTo({ url: `${url}?params=${params}` }); // 跳转页面并传递对象参数

2. 在跳转后的页面中，通过onLoad事件获取传递的对象参数，并使用decodeURIComponent解码，然后转为对象。例如：

// 在detail.vue页面中
<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
-  *1* *3* [【Web前端】uni-app页面跳转uni.navigateTo传递对象参数](https://blog.csdn.net/Dawson_Ho/article/details/126239325)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
-  *2* [uniapp怎么传跳转页面并传递对象参数](https://blog.csdn.net/weixin_60415789/article/details/130266300)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]

uniapp跳转路径如何携带参数

在UniApp中，可以使用uni.navigateTo或uni.redirectTo方法进行页面跳转，并且可以在跳转的URL中携带参数。

例如，假设要跳转到名为"detail"的页面，并且携带参数id=123，可以按照以下方式构建URL：

let id = 123;
uni.navigateTo({
  url: '/pages/detail/detail?id=' + id
});

在目标页面的onLoad方法中，可以通过this.$route.query来获取传递的参数：

export default {
  onLoad(query) {
    let id = query.id;
    console.log('参数id:', id);
  }
}

这样，就可以在跳转页面后获取到参数id的值。注意，如果使用的是redirectTo方法进行跳转，上一个页面将被关闭，而navigateTo则会保留上一个页面。

希望对你有所帮助！如果还有其他问题，请继续提问。