uniapp页面跳转的实现

uniapp实现页面跳转的两种方式

通过navigator标签实现
navigator标签是和html中a标签一样的功能,可指定url参数来实现。
如下:
<navigator url="redirect/redirect?title=redirect" open-type="redirect" hover-class="other-navigator-hover">
    <button type="default">在当前页打开</button>
</navigator>

也可以通过触发点击事件来跳转,也就是通过uni.navigateTo()方法来实现,这种实现方式比较灵活,可以,实现不同的参数跳转到不同页面和传参的自定义,推荐

<button type="default" @click="toNewPage(item)">在当前页打开</button>

toNewPage:function(item){
    uni.navigateTo({
        url: '/page/test?id=2&name=uniapp'
    });
}

You May Also Like