os parâmetros de salto de página do uniapp estão incompletos

Algumas cenas uniapp precisam pular entre páginas com parâmetros. Os parâmetros são muito curtos e geralmente podem ser recebidos. No entanto, se os parâmetros forem muito longos, os parâmetros serão interceptados e os parâmetros completos não poderão ser obtidos. Nesse caso, você precisa para usar a sintaxe encodeURIComponent e decodeURIComponent fornecida pelo uniapp.

Por exemplo, a página de índice a seguir salta para a página de demonstração

<template>
	<view>
		<button @click="todemo">跳转</button>
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onLoad() {

		},
		methods: {
			todemo() {
                // 此为demo案例
				const params = {id:1,name:'xxxxx',sex:'boy',desc:'xxxxxxx',age:99}
				uni.navigateTo({
					// 先将params转成字符串 再进行编码
					url:'/pages/demo/demo?params=' + encodeURIComponent(JSON.stringify(params)) 
				})
			}
		}
	}
</script>

<template>
	<view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		},
		onLoad(option) {
			// 先解码 再将字符串转成对象
			const params = JSON.parse(decodeURIComponent(option.params)) 
			console.log(params)
		}
	}
</script>

<style>

</style>

Acho que você gosta

Origin blog.csdn.net/Dajdhushvj/article/details/125494535
Recomendado
Clasificación