微信小程序—页面跳转

问题:

  实现页面跳转:index页面通过按钮跳转到next页面

方法:

  1、页面index.wxml增加一个按钮  

1 // index.wxml
2 <button bindtap="jump">跳转</button>

  2、在index.js中添加跳转逻辑

复制代码
1 // 调转函数
2 jump: function () {
3     wx.navigateTo({
4       url: "../next/next"
5     })
6 },
复制代码

  3、重点:

    button 表单组件:官方链接:https://developers.weixin.qq.com/miniprogram/dev/component/button.html

      bindtap  :在组件中绑定一个事件处理函数

    wx.navigateTo(Object object)  :官方链接:https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateTo.html

      保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层

 

作者:Hang Shao

出处:https://www.cnblogs.com/pam-sh/p/12310206.html

版权:本作品采用「知识共享」许可协议进行许可。

声明:欢迎交流! 原文链接 ,如有问题,可邮件(mir_soh@163.com)咨询.

posted @   PamShao  阅读(395)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· .NET10 - 预览版1新功能体验(一)
点击右上角即可分享
微信分享提示
more_horiz
keyboard_arrow_up dark_mode palette
选择主题