uniapp 路由跳转及传参

遇到这问题，相信你已经搭建好uniapp项目了，下面是代码
文件结构

先在pages.json页面配置跳转路由

 {
            "path": "pages/details/index",
            "style": {
                "navigationBarTitleText": "我是详情页",
                "navigationBarTextStyle": "black"
            }
        }

home.vue 页面

template>
    <view>
        <view  @click="add">点我跳转详情页</view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                text: "我是参数",
                demo: '/pages/details/index'
            }
        },
        methods: {
            add(e) {
                uni.navigateTo({
                    url: `/pages/details/index?id=${this.text}`,
                });
            }
        }
    }
</script>

details.vue

<template>
    <view>
        {{text}}</n>
        你好，我是详情页
    </view>
</template>

<script>
    export default{
        data(){
            return{
                text:''
            }
        },
        onLoad(res) {
            this.text = res.id
            console.log(333339999,res)
        }
    }
</script>

<style>
</style>