uni.navigateTo 跳转后参数
时间: 2024-06-12 08:09:57 浏览: 14
uni.navigateTo 跳转后参数是一个对象,包含以下属性:
1. url(必填):跳转的目标页面路径,支持相对路径和绝对路径。
2. success:跳转成功的回调函数。
3. fail:跳转失败的回调函数。
4. complete:无论跳转成功或失败都会执行的回调函数。
注意:uni.navigateTo 只能跳转到非 tabBar 页面。
相关问题
uni-app页面跳转uni.navigateTo传递对象参数
在uni-app中,可以通过uni.navigateTo方法实现页面跳转,并且可以通过query参数传递字符串类型的参数。如果要传递对象参数,可以将对象转换为字符串再通过query参数传递。
例如,需要传递一个包含姓名和年龄的对象参数:
```javascript
let person = {
name: '张三',
age: 20
};
```
可以通过JSON.stringify方法将对象转换为字符串:
```javascript
let personString = JSON.stringify(person);
```
然后在调用uni.navigateTo方法时,通过query参数传递字符串类型的参数:
```javascript
uni.navigateTo({
url: '/pages/detail/detail?person=' + encodeURIComponent(personString)
});
```
在跳转到detail页面后,可以通过uni.getStorageSync方法获取query参数中的person字符串,并通过JSON.parse方法将其转换为对象:
```javascript
let personString = decodeURIComponent(options.query.person);
let person = JSON.parse(personString);
```
注意,在传递query参数时,需要使用encodeURIComponent方法对字符串进行编码,以避免特殊字符引起的问题。在获取query参数时,需要使用decodeURIComponent方法对字符串进行解码。
uni.navigateTo传递参数
uni.navigateTo可以用于在小程序中跳转页面并传递参数。以下是uni.navigateTo传递参数的方法:
1. 在起始页面跳转到目标页面并传递参数,可以使用以下代码:
```javascript
uni.navigateTo({
url: 'targetPage?id=1&name=uniapp'
});
```
2. 在目标页面接收参数,可以使用以下代码:
```javascript
export default {
onLoad: function (option) {
// option为object类型,会序列化上个页面传递的参数
console.log(option.id); // 打印出上个页面传递的参数。
console.log(option.name); // 打印出上个页面传递的参数。
}
}
```
如果需要传递当前页面的变量,可以将变量拼接到url中,例如:
```javascript
uni.navigateTo({
url: 'targetPage?value=' + this.Value
});
```
然后在目标页面中接收参数:
```javascript
export default {
onLoad: function (option) {
console.log(option.value); // 打印出上个页面传递的参数。
}
}
```
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![js](https://img-home.csdnimg.cn/images/20210720083646.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)