uni-app:页面跳转/参数的传递接收(hbuilderx 3.6.18)

一，页面跳转与参数传递

            //跳转到详情页
            goItem:function(id,title) {
                uni.navigateTo({
                      url: '../item/item?id='+id+'&title='+title  
                });
            },

说明：刘宏缔的架构森林是一个专注架构的博客，

网站：https://blog.imgtouch.com
原文: https://blog.imgtouch.com/index.php/2023/06/04/uniapp-ye-mian-tiao-zhuan-can-shu-de-chuan-di-jie-shou/

         对应的源码可以访问这里获取： https://github.com/liuhongdi/
         或: https://gitee.com/liuhongdi

说明：作者:刘宏缔 邮箱: 371125307@qq.com

二，参数的接收:

item.nvue

<template>
    <view>
        <text>参数:id:{{id}}</text>
        <text>参数:title:{{title}}</text>
        <button style="width:700rpx;" type="primary" @click="getItem">访问接口</button>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                id:"",
                title:"",
            }
        },
        onLoad(option) {
              this.id = option.id;
              this.title = option.title;
        },
        methods: {
        }
    }
</script>

<style>

</style>

三，测试效果

列表

 

接收到的参数

四，查看hbuilderx的版本: