Vuejs2 在js代码的其他选项卡中打开url时出错

在我的Laravel 5.8/“vue”中“^2.6.10”/app 我需要在js代码的其他选项卡中打开url。我找到了榜样

let routeData = this.$router.resolve({name: 'routeName', query: {data: "someData"}});
window.open(routeData.href, '_blank');

这里

但在实施过程中，我没有找到有效的方法：

let routeData = this.$router.resolve(  {name: 'editHostel', query: {params: { id : 48 } }  });


            OR

let routeData = this.$router.resolve(  {name: 'editHostel', query: {id: date.id}}  );


        window.open(routeData.href, '_blank');

在这两种情况下，生成的url都无效

在resources/js/routes.js中，我有：

{
    path: '/admin/hostels',
    component: hostelsContainer,
    meta: {
        requiresAuth: true,
        authGroupsAccess: ['Admin', 'Manager'],
    },
    children: [
        {
            path: '/admin/hostels/',
            component: hostelsList,
            name: 'listHostels'
        },
        {
            path: '/admin/hostels/new',
            component: editHostel,
            name: 'newHostel'
        },
        {
            path: ':id',
            component: editHostel,
            name: 'editHostel'
        },

---

哪种方式有效？

不要在laravel中创建SPA（单页应用程序）。 如果确实要创建SPA，请使用vue cli

否则，请使用vue.js替换jQuery。这使您能够在单个项目中使用laravel和vue.js创建交互式网站

---

您将能够在不必使用vue的情况下使用刀片视图，反之亦然。

我发现了一个基于链接的决策 作为：

---

那对我有用

你是在拉威尔做单页申请吗？阿夫拉兹·艾哈迈德，虽然你的答案似乎离题了，但我被问到：1）请再详细一点，为什么？2） 什么可以用于数据库操作？3） 请提供一个链接，其中包含正确的SPA和db操作实施的示例……您所说的db操作是什么意思？您是在谈论对服务器的ajax调用吗？如果是的话，你可以用axios来做。看看这个，这是非常好的回购。但是他们使用的最佳实践一开始可能是压倒性的。感谢链接，非常有趣，但是使用db的部分在哪里呢？我的意思是从数据库读/写数据。有些是不同的应用程序，比如api端点？在t5he应用程序的源代码中，我找到了指向某个api端点的链接？它是vue.js+vuex中的SPA。它使用API来处理DB部分。

let routeData = this.$router.resolve(  { path: '/admin/hostels/' + date.originalEvent.hostel_id +"/open_hostel_inquery_feedback/"+date.id});
window.open(routeData.href, '_blank');