微信小程序分别实现通过导航跳转打开新窗口加载新页面,和在当前窗口加载新页面完全的示例代码
时间: 2024-02-26 14:59:26 浏览: 198
微信小程序 跳转页面的两种方法详解
5星 · 资源好评率100%
以下是微信小程序分别实现通过导航跳转打开新窗口加载新页面,和在当前窗口加载新页面的示例代码:
打开新窗口加载新页面:
```javascript
// 在当前页面的 js 文件中调用以下代码
wx.navigateTo({
url: '/pages/new-page/new-page'
})
```
在新页面的 `new-page.wxml` 文件中,可以编写需要展示的内容:
```html
<view>
<text>这是新页面</text>
</view>
```
在当前窗口加载新页面:
```javascript
// 在当前页面的 js 文件中调用以下代码
wx.redirectTo({
url: '/pages/new-page/new-page'
})
```
在新页面的 `new-page.wxml` 文件中,同样可以编写需要展示的内容:
```html
<view>
<text>这是新页面</text>
</view>
```
需要注意的是,在使用 `wx.redirectTo` 方法时,被关闭的页面将无法再被访问到,因此需要根据具体情况进行选择。
阅读全文