uniapp 如何组件内跳转页面?

自定义了一个组件,组件大致是渲染列表的,当用户点击列表时会跳转详情页,原来不自定义组件时在页面内使用以下代码时正常跳转,当自定义组件后无法跳转

跳转的二级地址
uni.navigateTo({
                    url: '../../目标详情页'
                });

我知道这个问题出现在 地址上,
首先自定义组件的地址是在 components/文件夹/自定义组件 中 此时我在这里使用上述代码与原来未拆分代码的组件地址 /pages/文件夹/index 不同, 此时由于地址基地址的不同,就算再怎么跳转也无法跳转到一级地址,

此时pages.json的地址

    "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
        {

//这是调用的地址
            "path": "pages/index/shouye",
            "style": {
                // "navigationBarTitleText": "uni-app",
                    "navigationStyle": "custom", // 隐藏系统导航栏
                            "navigationBarTextStyle": "black"
            }

            
        },
 //这是自定义组件的地址
        {
            "path": "components/rentList/rentList",
            "style": {
                // "navigationBarTitleText": "uni-app",
                    "navigationStyle": "custom" ,// 隐藏系统导航栏
                            "navigationBarTextStyle": "black"
            }
        },,
//详情页地址
        {
            "path": "pages/content/index",
            "style": {
                // "navigationBarTitleText": "uni-app",
                    "navigationStyle": "custom" ,// 隐藏系统导航栏
                            "navigationBarTextStyle": "black"
            }
            
        }    ,

此时该怎么在组件内跳转到到详情页页面地址? 即"path": "components/rentList/rentList", 跳转到 "path": "pages/content/index",
尝试过uni.redirectTo但是这样无法保存到上级地址 返回时会整个退出
个人的理解是 既然两组件间起始地址不同无法使用navgateto 是否可以使用redirectTo 后再使用navgatebackTo? 或者有什么更好办法?

仅供参考:
我建议您可以考虑使用事件触发器和路由传参来解决这个问题。具体步骤如下:

1.在自定义组件中定义一个事件触发器,当用户点击列表项时触发该事件,同时传递列表项的数据(例如id)作为参数。

2.在父组件(也就是调用自定义组件的页面)中监听自定义组件中定义的事件,并在事件处理函数中使用路由传参将传递的参数(例如id)带到详情页中。

具体实现细节可以参考uni-app文档中的事件触发器和路由传参相关章节