uniapp中的NavigateTo携带数据,页面如何接收参数并使用
时间: 2024-09-30 22:10:13 浏览: 40
怎么理解wx.navigateTo的events参数使用详情
在UniApp框架中,`uni.navigateTo` 是用于导航到另一个页面的一种方式,它支持传递参数。当你需要将数据从一个页面传递到另一个页面时,可以使用`query`对象作为参数的一部分。下面是一个基本示例:
```javascript
// 调用 navigateTo 的时候
this.$router.navigateTo({
path: '/targetPage', // 目标页面路径
query: {
key1: 'value1', // 可以是任意类型的值
key2: 'value2',
// 更多参数...
}
})
// 目标页面接收到参数的方式
export default {
data() {
return {
params: {} // 接收查询参数的对象
}
},
created() {
this.params = this.$route.query; // 页面创建时获取查询参数
}
}
```
在这个目标页面上,你可以通过 `params` 对象来访问这些传入的数据,例如:
```javascript
console.log(this.params.key1) // 输出 "value1"
console.log(this.params.key2) // 输出 "value2"
// 使用传递过来的数据
let value1 = this.params.key1;
// ...
```
阅读全文