微信小程序页面跳转的方法有哪些

发布网友发布时间：2022-04-19 18:52

共3个回答

懂视网时间：2022-04-22 20:22

1 app.js 里面注册一个监听登陆页面登录成功的事件

步骤如下：

注册一个监听登录成功的事件

// 引入 broadcast
const {
 broadcast
} = require('utils/util')
// 注册一个监听登录成功的事件
// 在login页面执行
broadcast.on('login_success', function () {
 wx.redirectTo({
 url: `/pages/${name}/index`
 })
})

在 login 页面登录成功后，触发该事件

// 引入 broadcast
var {
 broadcast
} = require('../../utils/util')
// 触发事件 login_success
broadcast.fire('login_success')

2 在商品报损页注册一个监听报损商品 code 的事件

这个例子主要体现了使用 broadcast.fire 进行传参的功能

// 引入 broadcast
var {
 broadcast
} = require('../../utils/util')
// 触发事件 setBrokenBikeCode
// "bikeid": "0100010010"
broadcast.fire('setBrokenBikeCode', '0100010010')

// 引入 broadcast
var {
 broadcast
} = require('../../utils/util')
...
function next (bikecode) {
 that.setData({
 bikecode
 })
}
...
// 注册事件 setBrokenBikeCode
broadcast.on('setBrokenBikeCode', (bikecode) => {
 next(bikecode)
})

3 适当的时候使用 broadcast.on 的时候需要绑定 this 值

绑定方式1：

var that = this
broadcast.on('showRiding', function() {
 console.log(this) // 值为null
 that.showRiding()
})

原因：如上代码可见，在 broadcast.on 里面打印出的 this 值为 null，在这个函数体内 this 指向不明确所以值为 null。通常我们需要特意绑定 this, 然后才能使用

绑定方式2：

推荐使用

broadcast.on('showRiding', function() {
 this.showRiding()
}.bind(this))

微信小程序开发注册页面的介绍

微信小程序页面间跳转如何监听事件

热心网友时间：2022-04-22 17:30

您好！很高兴能为您解答，　　　　　　　　　　　微信小程序跳转页面
小程序页面有2种跳转，可以在wxml页面或者js中：
1，在wxml页面中：
?

1
2
3

<navigator url="../index/index">跳转到新页面</navigator>
<navigator url="../index/index" open-type="redirect">在当前页打开</navigator>
<navigator url="../index/index" open-type="switchTab">切换到首页Tab</navigator>

2，在js页面中：

【注意】此处注意两个关键词 “应用内的页面” 和 “tabBar页面”。 app.json文件中tabBar中注册过的tab页，即为“tabBar页面”，非tabBar中注册占用的页面即为“应用内的页面” 。如下图：home页面为“应用内的页面”,index和logs页面则为 “tabBar页面”。

热心网友时间：2022-04-22 18:48

微信小程序路由跳转，共有三种形式，页面中使用navigator组件做页面链接形式路由跳转，js中可以使用wx.navigateTo--保留当前页面，跳转到应用内的某个页面，wx.redirectTo--关闭当前页面，跳转到应用内的某个页面 wx.navigateBack()--关闭当前页面，回退前一页面。