新建一个页面

知道现在已经有了一个默认的index,现在想做的是跳转到home这个文件
在路径 /src/app.tsx 下我们需要添加一个页面这样就将home,添加进了页面管理
config: Config = {
pages: [
'pages/index/index',
'pages/home/home'
],
window: {
backgroundTextStyle: 'light',
navigationBarBackgroundColor: '#fff',
navigationBarTitleText: 'WeChat',
navigationBarTextStyle: 'black'
}
}
介绍带参路由,不带参的一样
在页面index中写一个点击事件
<Button onClick={this.toHome}>1</Button>
写一个方法
toHome(){
// 传入参数 id=2&type=test
Taro.navigateTo({
url: '/pages/page/home/home?id=2&type=test'
})
}
这样就调转了,在home的生命周期中即可,获得传来的参数
componentWillMount () {
console.log(this.$router.params) // 输出 { id: 2, type: 'test' }
}
本文详细介绍了如何在小程序中设置页面路由,包括添加新的页面home并实现从首页index跳转至home页面的方法。同时,深入讲解了如何通过Taro.navigateTo进行带参数的页面跳转,以及在目标页面接收和解析传递参数的过程。

456

被折叠的 条评论
为什么被折叠?



