mpvue——页面跳转
2024-08-25 06:17:27
两个页面
两个页面的跳转,只是单纯的A->B这种跳转。
组件
直接使用小程序的组件,navigator,里面还有一些其他的参数,大家可以自行翻阅官方文档
<navigator url="./join/main" >参与场次</navigator>
API
保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。
html
<div class="detail-btn">
<div>
<img src="/static/images/game_count@3x.png" alt="参与场次">
<span @click="openResult">参与场次</span>
</div>
<div>
<img src="/static/images/game_log@3x.png" alt="奖品记录">
<span @click="viewPrizeRecord">奖品记录</span>
</div>
</div>
methods
mpvue页面跳转是兼容小程序的,所以小程序的跳转也是可以直接使用的,为了演示下面两个跳转都用了。
methods: {
openResult () {
wx.navigateTo({url: './join/main'})
},
viewPrizeRecord () {
mpvue.navigateTo({url: './prize/main'})
}
}
下面的这个写法也可以,但是定义的常量名必须为url,还是比较推荐上面的写法
methods: {
openResult () {
const url = './join/main'
mpvue.navigateTo({url})
},
viewPrizeRecord () {
mpvue.navigateTo({url: './prize/main'})
}
},
内页跳首页
我从A页面跳到B页面,然后从B页面跳首页,使用API wx.reLaunch()
html
<img @click="goHome" class="empty-btn" src="/static/images/btn1.png" alt="">
methods
goHome () {
mpvue.reLaunch({url:'/pages/index/main'})
},
最新文章
- SharePoint 2013 页面访问,Url中间多一段";_layouts/15/start.aspx#";
- sql语句判断默认值为getdate()的约束是否存在
- MyBatis学习总结(七)——Mybatis缓存(转载)
- Non Lasting Storage File System、procfs、sysfs
- userInteractionEnabled
- js获取当前日期时间同时显示星期
- httpclient源码分析之MainClientExec
- 一套代码小程序&;Web&;Native运行的探索04——数据更新
- Java IO系列之二:NIO基本操作
- busybox编译
- 4. SpringBoot —— 单元测试
- 苹果电脑自带python安装tensorflow一直有问题
- easyui 进阶之tree的常见操作
- js 格式为2018-08-25 11:46:29 的日期比较方法
- redis 基本信息查询
- SQL优化 - 避免使用 IN 和 NOT IN
- javascript: break跳出多重循环以及退出each循环
- python学习笔记08-字符串
- jenkins Error performing command: git ls-remote -h
- cmd命令行编码设置
热门文章
- 解决: 移动端经mouseover显示出的弹层中链接点击问题
- 无依赖简单易用的Dynamics 365实体记录数计数器并能计算出FetchXml返回的记录数
- 推荐一款好用的office转换PDF工具
- Kotlin入门(30)多线程交互
- 微信小程序下拉刷新和上拉加载的实现
- RHEL 6.6下Python 2.6.6升级到Python 3.6.6
- LeetCode算法题-Binary Search(Java实现)
- MySql 学习之路-基础
- SAP CRM Installed Bases(IBase)简介
- python之sqlalchemy的使用