Certaines scènes Uniapp doivent passer d'une page à l'autre avec des paramètres. Les paramètres sont trop courts et peuvent généralement être reçus, mais lorsque les paramètres sont trop longs, les paramètres seront interceptés et les paramètres complets ne pourront pas être obtenus. Dans ce cas, encodeURIComponent et decodeURIComponent fourni par uniapp doit être utilisé.
Par exemple, la page d'index suivante accède à la page de démonstration
<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>