如何在 vue 路由器中將屬性傳遞給 Vue.js 組件？

Question

如何在 vue 路由器中將屬性傳遞給 vuecomponent？

const routes = [
    {
        path: "/dashboard/profile",
        name: "DashboardProfile",
        component: <DashboardProfile foobar="false"/>, // <--- How can I achieve this?
    },
];

Answer 1

您可以傳遞一個道具對象，如：

const routes = [
    {
        path: "/dashboard/profile",
        name: "DashboardProfile",
        component: DashboardProfile,
        props:{show:false}
    },
];

然后在您的組件內部使用該道具在組件根部進行條件渲染。