[Vuejs]-VUE Change body background color for some pages

by

1👍

Since you’re using the router, you could have something like this in your App.vue on the main element, or whichever element you want (obligatory "code untested", since I’m on an airplane right now):

// App.vue    

<v-app :style="`background-color: ${$route.meta.color || #ffffff};`">
    ...
</v-app>

And in your routes file is where you can set that, under the meta key:

// router/routes.js
{
    path: '/',
    name: 'dashboard',
    meta: {
        color: #f1f1f1;
    }
}
👤Jonathan Bowman

Leave a comment