uniapp的跳转传参的相关只是
时间: 2024-09-23 15:12:34 浏览: 59
UniApp 的跳转传参通常通过组件间的通信(如传值、事件总线等)或者页面路由来进行。以下是两种常见的方法:
1. **传值(Props或Query字符串)**:
- **Props**: 在父子组件间,可以通过`props`属性将数据从父组件传递给子组件。例如,在父组件中:
```javascript
this.$refs.child.receiveData(data);
```
- **Query String**: 对于路由跳转,可以在URL查询字符串中携带参数,如`this.$router.push({ name: 'targetPage', query: { key: 'value' } })`,然后在目标页面里通过`this.$route.query.key`获取。
2. **事件总线(Event Bus)**:
使用 UniApp 提供的`uni.EventCenter`来进行跨组件通信,发布事件并监听对应事件,比如:
```javascript
// 发布事件
uni.EventCenter.emit('transferData', {
param: data,
});
// 监听事件
uni.EventCenter.on('transferData', (event) => {
console.log(event.param); // 接收参数
});
3. **Vuex状态管理**:
如果涉及到应用级别的状态管理,可以使用Vuex库,将数据存储在store中,跳转时通过actions修改state,再从组件读取。
阅读全文
相关推荐


















