CODEWITHSUNDEEP
javascriptvue.jsvuejs2nuxt.js
user782860
user782860

Reputation: 2779

How to tell what layout is being used within a Nuxt.js component?

I have two Nuxt.js layouts, default.vue and secondary.vue. There's the same footer.vue component that is being used in both of these layouts. I'd like to change some CSS classes inside of the footer.vue component based upon which layout the component is being used in. How Does one know what layout is being used from within a component nested in Nuxt.js layout?

Upvotes: 4

Views: 2888

Answers (1)

Ohgodwhy
Ohgodwhy

Reputation: 50787

You can use the following:

this.$nuxt.$data.layoutName

Which will return the name of the layout file used.

Upvotes: 9

Related Questions