微信小程序入门(三) 路由-张柏沛IT博客

正文内容

微信小程序入门(三) 路由

栏目:Web前端 发布时间:2019-12-31 15:28 浏览量:171

路由:
跳转标签<navigator>
<navigator>标签有open-type属性来指定不同的跳转方式,默认是open-type="navigate"

open-type="navigate"  普通跳转
open-type="switchTab" tab类型跳转,如果要跳转的页面已经被定义到Tab栏中,那么使用普通跳转是无法跳到这个页面,必须使用switchTab才能跳转
open-type="navigateBack"  回退跳转,该类型跳转无需写url属性,无需指定跳转地址
open-type="redirect"  重定向跳转 比如你从index->about->movie 但是从about跳到movie是重定向跳转,那么回退的时候是从movie直接回退到index。这就是重定向
open-type="reLaunch" 重加载跳转,使用该方式跳转到的页面顶部没有回退按钮

index页:
<view>首页</view>
<navigator url="/pages/movie/movie" open-type="navigate">Movie</navigator>
<navigator url="/pages/movie/movie" open-type="switchTab">Movie</navigator>

当然,你也可以在js中跳转
<view bind:tap="onGoToMovie">使用api跳转</view>

index.js:

Page({
    onGoToMovie(){
        wx.navigateTo({
            url:"pages/movie/movie"
        })
    }
});

相对应的有:
wx.navigateTo();
wx.redirectTo();
wx.switchTab();
wx.navigateBack();
wx.reLaunch();

如果您需要转载,可以点击下方按钮可以进行复制粘贴;本站博客文章为原创,请转载时注明以下信息

张柏沛IT技术博客 > 微信小程序入门(三) 路由

热门推荐
推荐新闻