前端路由打开新的页面,三种方法；

Gzcoding

于 2024-05-17 14:47:47 发布

阅读量1.5k

点赞数 2

文章标签：前端

本文链接：https://blog.csdn.net/aijisen/article/details/139004564

版权

1.第一种,常见的路由方式,采用a链接跳转

            const a = document.createElement('a');
            a.style.display = 'none';
            // a.href = 'http://192.168.2.47:9781/client/app/#/login?&token=' + token_video;
            a.href = 'http://116.63.181.162:9780/client/app/#/login?&token=' + token_video;
            a.target = '_blank';
            document.body.appendChild(a);
            a.click();

2.第二种,resolve放法

const { href } = this.$router.resolve({
    name: "router-name",
    query: {
        id: 1
    }
});
window.open(href, '_blank');

3.第三种简单粗暴

直接window.open('跳转链接');