uniapp Click the native button to return to the previous page Click the custom button to return to the previous page with parameters

Returned page code:

<template>
	<view>
		<button @click="addressClick('北京')">datas</button>
	</view>
</template>

<script>
	export default {
    
    
		data() {
    
    
			return {
    
    
				address: '南京' // 点击返回按钮 携带的参数
			}
		},
		// 点击返回按钮 携带参数
		onBackPress(options) {
    
    
			console.log(options)
			if (options.from === 'navigateBack') {
    
    
				return false;
			}
			let pages = getCurrentPages(); //获取所有页面栈实例列表
			let nowPage = pages[pages.length - 1]; //当前页页面实例
			let prevPage = pages[pages.length - 2]; //上一页页面实例
			prevPage.$vm.address = this.address; //修改上一页data里面 address 的值

			//uni.navigateTo跳转的返回,默认1为返回上一级
			uni.navigateBack({
    
    
				delta: 1
			});
			return true; // 此处必须 return 
		},
		methods: {
    
    
			//点击放回上一页 并且携带参数
			addressClick(item) {
    
    
				console.log(item);
				let pages = getCurrentPages(); //获取所有页面栈实例列表
				let nowPage = pages[pages.length - 1]; //当前页页面实例
				let prevPage = pages[pages.length - 2]; //上一页页面实例
				prevPage.$vm.address = item; //修改上一页data里面的地址
				uni.navigateBack({
    
    
					delta: 1 //返回层数,2则上上页
				});
			}

		},

	}
</script>

**The previous page does not need to operate data and will be assigned directly**

<template>
	<view>
		{
    
    {
    
    address}}
		<button @click="urls"> 跳转 </button>
	</view>
</template>

<script>
	export default {
    
    
		data() {
    
    
			return {
    
    
              address: ''
			}
		},
		methods: {
    
    
			urls() {
    
    
				uni.navigateTo({
    
    
					url: '../index7/index7',
				});
			},
		}

	}
</script>

Guess you like

Origin blog.csdn.net/qq_52099965/article/details/127980919