【学习笔记】微信小程序页面路由
来源:互联网 发布:有关修车的软件 编辑:程序博客网 时间:2024/06/05 17:05
微信小程序页面跳转按照官方文档可以有很多种方法,比如给button绑定方法,navigator标签直接填写url,还可以在tabbar给一个快捷按钮。
重点说明:
***1. tabbar list只能是2-5个,注意格式,最后一个模块不要加逗号“,”。
2. tabbar不能和页面路由(navigator和bindtap事件)同时设置,同时设置的结果就是,tabbar可以跳转,navigator不能跳转,去掉tabbar的设置,页面路由正常。*
以下是几种方法示意。
button绑定方法
/* "pages/index/index.wxml" */<button type="primary" plain bindtap="tomypage"> Go to My Page</button>/* "pages/index/index.js */tomypage: function() { wx.navigateTo({ url:'../mypage/mypage' }) }
第二种方法是navigator标签,可直接在wxml书写配置
<navigator url="../mypage/mypage"> Go to my Page </navigator>
第三种方法是在tabbar中添加
"tabBar": { "list": [ { "pagePath": "pages/index/index", "text": "Home" }, { "pagePath": "pages/mypage/mypage", "text": "logs" } ] }
阅读全文
0 0
- 【学习笔记】微信小程序页面路由
- 微信小程序之页面路由
- 微信小程序开发学习笔记003--微信小程序页面布局
- 菜鸟学习微信小程序之路由
- 路由表学习笔记
- 路由表学习笔记
- 路由命令学习笔记
- 策略路由学习笔记
- nodejs-路由学习笔记
- symfony2学习笔记-路由
- Linux 路由学习笔记之路由缓存与路由
- 微信小程序开发-路由
- 路由及iptables学习笔记
- WPF路由事件学习笔记
- vue2.0 路由 学习笔记
- Laravel-学习笔记-路由(Route)
- laravel学习笔记之路由
- 微信小程序学习笔记
- SD卡写入linux镜像后存储变小
- Windows安装Composer出现Composer Security Warning警告的解决方法
- iOS真机crash Log 解析
- 【每天积累一点点】将PopupWindow显示在指定位置
- 安卓开发观察者模式应用-一个service通知多个activity更新ui的实现
- 【学习笔记】微信小程序页面路由
- Android图片加载框架最全解析(二),从源码的角度理解Glide的执行流程
- JobScheduler 详解二
- http1.1与http2.0
- 《Android开发中的颜色代码表》
- 文章标题
- 1016. 部分A+B (15)用时22min
- 观察者模式随笔
- Flex 布局教程:语法篇