首页 > 编程知识 正文

微信小程序页面跳转方法,微信小程序页面跳转传递多个参数

时间:2023-05-03 23:54:52 阅读:266790 作者:904

1. 组件:navigator

比如:当前页面为index,需要跳转到第1页。
url表示跳转到某页面的路径,如果没有,跳转不成功。
wxml:

<navigator url="/pages/1/1"> <button >点我,跳转的第1页</button> </navigator> 2.API:wx.navigateTo

这个API的功能是保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。
有一个API与这个比较相似,wx.redirectTo,都是跳转到某个页面,只是它跳出会关闭当前页面
使用API,需要在JS页面添加相关函数,通过事件bindtap="goto"将JS 页面和html连接起来,然后在JS页面中添加goto函数。

<view class="test" bindtap="goto" > <view >点我跳转 </view> </view> Page({ data: { }, 飞艇7码滚雪球技巧/p> <navigator url="/pages/1/1"> <button >点我,跳转的第1页</button> </navigator> 2.API:wx.navigateTo

这个API的功能是保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。
有一个API与这个比较相似,wx.redirectTo,都是跳转到某个页面,只是它跳出会关闭当前页面
使用API,需要在JS页面添加相关函数,通过事件bindtap="goto"将JS 页面和html连接起来,然后在JS页面中添加goto函数。

<view class="test" bindtap="goto" > <view >点我跳转 </view> </view> Page({ data: { }, // 跳转页面goto:function(){ wx.navigateTo({ url: '/pages/1/1' console.log("哈哈~我跳转到第1页啦!!!") })},}) 3.API:wx.navigateBack

使用方法与wx.navigateTo相似,不再赘述。
该API的功能是关闭当前页面,返回上一页面或多级页面。

以上的组件和API用于跳转页面还有更多的属性和功能,可以参考微信小程序的官方文档:
API:wx.navigateTo
组件:navigator

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。