【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. 返回上一页并传参
    添加链接描述

uniapp 弹窗后延时跳转的实现方法

if(res.data==true){
uni.showToast({
title:“提交成功”,
duration:1000
});
setTimeout(function() {
uni.navigateTo({
url:‘./workorder-finish’
})
}, 1000);
}

你可能感兴趣的:(uni-app,前端)