微信小程序navigator如何设置跳转页面
时间: 2023-10-06 08:08:29 浏览: 107
微信小程序教程系列之页面跳转和参数传递(6)
要在微信小程序中设置跳转页面,可以使用 `navigator` 组件。以下是设置跳转页面的步骤:
1. 在需要跳转的页面中,添加一个 `navigator` 组件,如下所示:
```html
<navigator url="/pages/otherPage/otherPage">跳转到其他页面</navigator>
```
2. 在 `url` 属性中,填写需要跳转的页面路径,路径以 `/` 开头,如 `/pages/otherPage/otherPage`。
3. 如果需要在跳转页面后传递数据,可以在 `url` 属性中添加参数,如 `/pages/otherPage/otherPage?id=123&name=test`。
4. 在跳转页面的 `onLoad` 函数中,可以通过 `options` 参数获取传递的参数,如下所示:
```javascript
onLoad: function(options) {
console.log(options.id) // 输出 123
console.log(options.name) // 输出 test
}
```
以上就是在微信小程序中设置跳转页面的步骤。需要注意的是,跳转页面的路径需要在小程序的 `app.json` 文件中进行配置。
阅读全文