如何在 vue 路由器中将属性传递给 Vue.js 组件？

Question

How to pass attributes to vuecomponent in vue router?

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

Answer 1

You could pass a prop object like :

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

then inside your component use that prop for conditional rendering at the component root.