>>跟着b站up主“咸虾米_”学习微信小程序开发中,把学习记录存到这方便后续查找。
课程连接: https://www.bilibili.com/video/BV19G4y1K74d?p=14
一、navigator页面链接
https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html
属性之一
navigate可以记录上一个缓存页,点击左上角返回按钮可以跳转回上一个页面,但是redirect不行。共同点是两者都不能跳转到tabbar页面(导航菜单这个东西还没配置,之后的课上再讲)。
reLaunch和redirect很像,都不能跳转回上一个页面,区别在于reLaunch可以跳转到任何指定页面包括tabbar但redirect不能跳到tabbar。
二、例子
demo.wxml文件中添加以下代码
<navigator url="/pages/index/index">首页</navigator>
<navigator url="/pages/logs/logs" class="out">
<image src="/static/image/gif1.gif" class="gif" mode=""/>
</navigator>
demo.wxss文件中添加以下代码
.out .gif{
width: 200rpx;
height: 200rpx;
}
index.wxml
<navigator url="/pages/demo/demo" open-type="redirect"><!--redirect使跳转到下一个页面后不会出现后退一步的按钮(左上角)-->
go demo page
</navigator>
点击go demo page
跳转到测试页面左上角没有返回键,因为open-type设置了redirect。
点击gif图片跳转到日志,左上角有返回键。文章来源:https://www.toymoban.com/news/detail-836816.html
文章来源地址https://www.toymoban.com/news/detail-836816.html
到了这里,关于微信小程序开发学习笔记——2.11navigator页面链接导航的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!