PrimeVue菜单不重定向到查看页面

Question

我有一个使用vue3的PrimeVue类型记录应用程序。我使用的是一个PrimeVue菜单，但它不像预期的那样工作。我将页面url添加到url属性中，但它并没有像我想的那样重定向。下面是我代码的摘录：

<script setup lang="ts">
import { ref } from 'vue';
import Menubar from 'primevue/menubar'
import Menu from 'primevue/menu';

    const items = ref([
        {  
            items: [{
                label: 'Search',
                icon: 'pi pi-search',
                url: './LeftNavigation.vue'
            },
            {
                label: 'View Completed',
                icon: 'pi pi-check-square', 
                url: '../views/CompletedTasks.vue'
            },
            {
                label: 'Delete',
                icon: 'pi pi-trash',
                url: '../views/DeletedTasks.vue'
            },
            {
                label: 'View Archived',
                icon: 'pi pi-cloud-upload',
                url: '../views/Archived.vue'
            },
            {
                label: 'View All',
                icon: 'pi pi-list',
                url: '../views/AllTask.vue'
            },                                                                
        ]},
    ]);
    </script>
    <template>
       <Menu :model="items" />
    </template>

这是我的集线器代码

Answer 1

链接的url不应该指向源代码(例如../views/CompletedTasks.vue)，而应该指向在浏览器中显示它的这个页面的地址，例如/CompletedTasks。