uniapp返回上一页携带参数

<template>
	<view>
		<view>返回的数据为:{{note}}</view>
		<button type="primary" @click="nextClick">跳转到下一页面</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				note: '',
			}
		},
		onShow() {
			let _this= this;
			uni.$on('updateNote',function(data){
                console.log(data);
				_this.note = data;
			})
		},
		methods: {
            // 跳转到备注页面
			nextClick() {
				uni.navigateTo({
					url: '/pages/noteForm/noteForm'
				})
			}
		}
	}
</script>

<style>

</style>

备注页面

<template>
	<view>

		<view class="noteBox">
			<view class="textareaCon">
				<textarea :value="orderNote" placeholder="有什么特殊需求可订单备注一下哦" placeholder-class="placeholderColor"
					@input="noteBlur" />
			</view>
			<view class="formPost_con">
				<view class="submitBtn" @click="backClick">完成</view>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				// 备注
				orderNote: '',
			}
		},
		methods: {
			// 获取备注内容
			noteBlur(e) {
				// console.log(e)
				var _this = this;
				_this.orderNote = e.detail.value;
			},

			// 完成
			backClick() {
				var _this = this;
				uni.$emit('updateNote', _this.orderNote);
				uni.navigateBack({
					delta: 1
				})
			},

		}
	}
</script>

<style>
	page {
		background-color: #fff;
	}
</style>
<style scoped>
	/* 备注 */
	.noteBox {}

	.textareaCon {
		padding: 30rpx;
		overflow: hidden;
	}

	.textareaCon textarea {
		width: 100%;
		height: 320rpx;
		line-height: 30rpx;
		padding: 20rpx;
		border-radius: 20rpx;
		background-color: #F6F6F9;
		box-sizing: border-box;
		overflow: hidden;
	}

	.formPost_con {
		margin-top: 30rpx;
	}
</style>

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

 康 

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值