uniapp 页面跳转带参
时间: 2023-08-31 22:12:48 浏览: 129
在uniapp中,可以使用uni.navigateTo或uni.redirectTo进行页面跳转,并且可以通过在url中传递参数来传递数据。
例如:
```javascript
uni.navigateTo({
url: '/pages/myPage/myPage?id=123&name=uniapp',
success: function(res) {
console.log('跳转成功', res);
},
fail: function(err) {
console.log('跳转失败', err);
}
});
```
在目标页面中可以通过this.$route.query来获取传递的参数:
```javascript
export default {
mounted() {
console.log(this.$route.query.id); // 输出123
console.log(this.$route.query.name); // 输出uniapp
}
}
```
如果是通过uni.redirectTo进行页面跳转,可以通过this.$options.onLoad获取传递的参数:
```javascript
export default {
onLoad(options) {
console.log(options.id); // 输出123
console.log(options.name); // 输出uniapp
}
}
```
注意,如果使用uni.navigateTo进行页面跳转,目标页面的路径应该是相对于当前页面的路径,而不是绝对路径。如果目标页面是在子文件夹中,应该使用../来表示上一级目录。
阅读全文