1.页面跳转
页面跳转优先采用 navigator 组件
小程序提供了两种页面路由方式:
a. navigator 组件
<navigator url="/pages/life/life">普通跳转</navigator>
<navigator url="/pages/life/life" open-type="navigate">跳转</navigator>
<navigator url="/pages/todo/todo" open-type="switchTab">切换底部栏</navigator>
<navigator url="/pages/base/base" open-type="redirect">语法-不留历史记录</navigator>
b.通过js进行页面跳转
<button size="mini" bindtap="goPage" type="primary">js跳转</button>
goPage(){
/*
// 普通跳转
wx.navigateTo({
url: '/pages/base/base',
})
//底部栏跳转
wx.switchTab({
url: '/pages/todo/todo',
})*/
//重定向跳转
wx.redirectTo({
url: '/pages/index/index',
})
},
2.小程序的页面传参
可以通过页面跳转时将参数传递到对应页面文章来源:https://www.toymoban.com/news/detail-511756.html
<view class="list">
<navigator url="/news/pages/detail/detail?id={{item.docid}}&title={{item.title}}"
class="item" wx:for="{{list}}" wx:key="docid">
{{item.title}}
</navigator>
</view>
页面通过options接收参数
下面代码options.id以及options.title均是从上一个页面传递而来的参数文章来源地址https://www.toymoban.com/news/detail-511756.html
onLoad(options) {
console.log(options.id);
// 设置标题文字
wx.setNavigationBarTitle({
title: options.title,
})
},
到了这里,关于小程序页面跳转与传参的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!