基于Vue / Inertiajs中的URL段更改组件

epfja78i  于 2023-11-21  发布在  Vue.js
关注(0)|答案(1)|浏览(135)

所以我想根据第一个URL段更改一个组件。我发现了这个:

computed: {
    path: function() {
        const firstSegment = (new URL(window.location.href)).pathname.split('/')[1];
        return `${firstSegment}`;
    }
}

字符串
当我转到mydomain/users时,它确实给了我正确的段,{{ path }}的输出确实是users。当转到另一个页面时,例如mydomain/contacts{{ path }}输出不会更改为contacts
现在我只是在玩这个,我只是想知道为什么它没有改变。也许计算不是一条路要走?
PS.我正在尝试更新一个组件,以包含基于URL段的侧边栏菜单,如下所示:

<component :is="path"/>

dsf9zpds

dsf9zpds1#

好吧,我建议使用$page.urlusePgae()钩子来实现这一点,查看活动状态部分here以获取更多信息

相关问题