uniapp数据通信
时间: 2023-07-24 18:18:31 浏览: 159
uni-app蓝牙发送指令与接收数据
5星 · 资源好评率100%
在uni-app中,不同页面之间可以通过事件总线、uni.navigateTo、uni.navigateBack、uni.redirectTo等方法进行通信。
1. 事件总线:可以使用uni.$emit和uni.$on方法来实现组件之间的通信。uni.$emit用于触发事件,uni.$on用于监听事件。例如:
```javascript
// 触发事件
uni.$emit('event-name', data);
// 监听事件
uni.$on('event-name', function (data) {
console.log(data);
});
```
2. uni.navigateTo、uni.navigateBack、uni.redirectTo:这三个方法可以用于不同页面之间的跳转和返回,并且可以传递参数。例如:
```javascript
// 页面跳转并传递参数
uni.navigateTo({
url: '/pages/detail/detail?id=' + id
});
// 返回上一页并传递参数
uni.navigateBack({
delta: 1,
success: function () {
uni.$emit('event-name', data);
}
});
// 关闭当前页面并跳转到其他页面
uni.redirectTo({
url: '/pages/index/index'
});
```
除了以上方法,uni-app还提供了uni.$refs、uni.$parent、uni.$children等属性和方法,可以用于访问组件的属性和方法,实现组件之间的通信。
阅读全文