【uni-app】navigator页面跳转

redirectTo用这个!!!!防止页面叠加
https://blog.csdn.net/liuhaoxin666/article/details/105357556

  1. 基础用法(跳转到不同文件夹下的页面):
<navigator url="/pages/order/order">
		<text>待付款</text>
</navigator>
  1. 基础用法(跳转到同一文件夹下的页面):
<navigator url="details">
		<text>待付款</text>
</navigator>
  1. 跳转到的页面属于tabBar页面
<navigator url="/pages/classify/classify" open-type='switchTab'>
		<text>待付款</text>
</navigator>
  1. 传参(跳转到普通页面)
<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
}
  1. 传参(跳转到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;
	}
}
  1. 返回上一级界面
    打开二级界面后,返回按钮消失,自己写一个返回按钮
<view class="goback">
	<image src="../../static/icon/back.png" @click="goBack"></image>
</view>
goBack(){
	uni.navigateBack({
		delta:1,//返回层数,2则上上页
	})
}
  1. 返回上一页并传参
    添加链接描述

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);
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值