这是网页向应用发送消息 普通页面能用吗?
时间: 2023-12-22 14:05:20 浏览: 41
对不起,我之前的回答中提到的`uni.postMessage`和`uni.onMessage`方法是用于网页向应用发送消息的,在uniapp中是无法在普通页面中使用的。
在普通页面中传递参数到上一页,可以使用以下方法:
1. 使用页面栈的方式:
`uni.navigateBack`方法可以返回上一页,并且可以在`delta`参数中指定返回的层数。例如,如果当前页是第二层,可以通过设置`delta: 1`返回到上一页:
```javascript
// 当前页面
uni.navigateBack({
delta: 1,
success: function () {
// 向上一页传递参数
uni.setStorageSync('param1', 'value1');
uni.setStorageSync('param2', 'value2');
},
});
```
然后在上一页的`onShow`方法中获取这些参数:
```javascript
// 上一页
onShow() {
const param1 = uni.getStorageSync('param1'); // 获取参数值
const param2 = uni.getStorageSync('param2');
console.log(param1); // 输出:value1
console.log(param2); // 输出:value2
// 清除参数值
uni.removeStorageSync('param1');
uni.removeStorageSync('param2');
}
```
2. 使用URL参数传递:
如果是通过URL跳转到上一页,可以在URL中添加参数,然后通过URL解析来获取参数值。例如:
```javascript
// 跳转到上一页并传递参数
uni.navigateTo({
url: '/pages/prevPage?param1=value1¶m2=value2',
});
```
然后在上一页的`onLoad`方法中解析URL参数:
```javascript
// 上一页
onLoad(query) {
console.log(query.param1); // 输出:value1
console.log(query.param2); // 输出:value2
}
```
请注意,以上方法是在普通页面中传递参数到上一页的常用方法。如果在uniapp的特殊场景下或使用了特定插件,可能会有其他传递参数的方式。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![ppt](https://img-home.csdnimg.cn/images/20210720083527.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.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)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)