vue打开新页面跳转并且携带参数

最新推荐文章于 2024-04-11 15:17:03 发布

Pa灬糯米

最新推荐文章于 2024-04-11 15:17:03 发布

阅读量830

点赞数

文章标签： vue.js 前端 Powered by 金山文档

本文链接：https://blog.csdn.net/NicLeeSin/article/details/129400470

版权

业务中有个需求，点击详情的时候打开打开一个新页面，并且把某些参数携带过去。

网上相关的答案，百度必应搜出来的五花八门，感觉都答非所问。

这里提供一个非常简单的跳转方式。同时可以携带参数。

router是这样的

    {
        path: '/cmsPyTestTaskList_detail',
        name: 'cmsPyTestTaskList_detail',
        hidden: true,
        component: () => import('@/views/cmsPyTestTaskList_detail'),
    },

页面跳转逻辑

        // 跳转详情
        handleDetail(item){
            // 打开新页面跳转至cmsPyTestTaskList_detail，传递id和name
            window.open(window.location.origin + '/#/cmsPyTestTaskList_detail?id=' + item.id + '&name=' + item.name)
        },

非常好用，强烈推荐。（如果解决你的问题，欢迎点赞）