unipp的nvue路由传参
时间: 2023-10-31 11:56:24 浏览: 205
nvue 是 uni-app 框架中的一种页面模式,它是基于 Vue.js 的扩展,用于开发跨平台的小程序、H5 等应用。在 nvue 中,路由传参可以通过路由参数、URL 参数和页面间通信来实现。
1. 路由参数:在使用 uni-app 的路由跳转函数(如 uni.navigateTo、uni.redirectTo)时,可以通过在路径中添加参数来传递数据。例如:
```javascript
uni.navigateTo({
url: '/pages/detail/detail?id=123'
});
```
在目标页面的 `onLoad` 生命周期函数中可以获取到传递的参数:
```javascript
onLoad: function(options) {
console.log(options.id); // 输出 123
}
```
2. URL 参数:如果是通过 URL 地址访问 nvue 页面,可以使用 `getApp().globalData` 全局变量来传递参数。例如:
```javascript
// 在源页面中设置参数
getApp().globalData.param = 'hello';
// 在目标页面中获取参数
console.log(getApp().globalData.param); // 输出 'hello'
```
3. 页面间通信:如果是在同一页面内的组件间传递参数,可以使用 Vue.js 的组件通信方式,如 props、事件监听等。
以上是在 nvue 中传递参数的几种方式,具体选择哪种方式取决于你的需求和场景。
阅读全文