How to pass attributes to Vue.js component in vue router?

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?
    },
];

Boussadjra Brahim · Accepted Answer · 2020-10-28 09:06:39Z

3

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.

answered Oct 28, 2020 at 9:06

Boussadjra Brahim

90k19 gold badges163 silver badges183 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

yaquawa Over a year ago

I just want to know if it's even possible to pass attributes to the view component.

Boussadjra Brahim Over a year ago

You couldn't do that in that way, you could not instantiate the component using <></>

Boussadjra Brahim Over a year ago

could you provide a real code ? because that is not possible <DashboardProfile foobar="false"/>

Collectives™ on Stack Overflow

How to pass attributes to Vue.js component in vue router?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related