redirectTo用这个!!!!防止页面叠加
https://blog.csdn.net/liuhaoxin666/article/details/105357556
- 基础用法(跳转到不同文件夹下的页面):
<navigator url="/pages/order/order">
<text>待付款</text>
</navigator>
- 基础用法(跳转到同一文件夹下的页面):
<navigator url="details">
<text>待付款</text>
</navigator>
- 跳转到的页面属于tabBar页面
<navigator url="/pages/classify/classify" open-type='switchTab'>
<text>待付款</text>
</navigator>
- 传参(跳转到普通页面)
<navigator url="/pages/order/order?SwiperIndex=1">
<text>待付款</text>
</navigator>
写在methods里:
uni.navigateTo({
url: 'details?id=' + id
})
接收参数的页面:
onLoad(options) {
//console.log('option:'+options);
//console.log('option.SwiperIndex:'+options.SwiperIndex);
this.SwiperIndex=options.SwiperIndex
}
- 传参(跳转到tabBar页面)
绑定跳转页面函数
<view @click="goClass(index)">
<text>{{ item.name }}</text>
</view>
method里写跳转函数goClass:
goClass: function(index) {
let classIndex = index; //把参数保存至全局变量
getApp().globalData.classIndex = classIndex
//跳转到目标Tab
wx.switchTab({
url: '/pages/classify/classify'
})
}
接收参数的页面:
判断全局变量是否有值,有的话传参;没有的话给一个默认值
onShow: function () {
if(getApp().globalData.classIndex){
this.SwiperIndex=getApp().globalData.classIndex;
}else{
this.SwiperIndex=0;
}
}
- 返回上一级界面
打开二级界面后,返回按钮消失,自己写一个返回按钮
<view class="goback">
<image src="../../static/icon/back.png" @click="goBack"></image>
</view>
goBack(){
uni.navigateBack({
delta:1,//返回层数,2则上上页
})
}
- 返回上一页并传参
添加链接描述
8.参数为对象时
https://blog.csdn.net/s_156/article/details/132064604
uniapp 弹窗后延时跳转的实现方法
if(res.data==true){
uni.showToast({
title:“提交成功”,
duration:1000
});
setTimeout(function() {
uni.navigateTo({
url:‘./workorder-finish’
})
}, 1000);
}