Necesito aclarar esta duda: estoy usando la biblioteca vue-router para poder crear las rutas de mi proyecto y necesito saber como puedo configurar el background-color por rutas. Estaba planeando hacerlo de esta manera:
import meeting from '../components/meeting.vue' import { colors } from 'vuetify/lib' Vue.use(VueRouter) const routes = [ { path: '/meeting/:roomId', name: 'meeting', component: meeting, meta: { backgroundColor:colors.transparent , } }, ] const router = new VueRouter({ routes });Pero no funciona, alguna sugerencia por favor.
Puede ver la ruta en el componente que desea cambiar el color de fondo e insertar la lógica comercial allí.
Para crear observadores, puede hacerlo de la siguiente manera:
watch: { $route.path: function (val) { this.backgroundColor = whateverYouWant }, }Si desea que este comportamiento también se use en otros componentes, también puede crear un mixin con este observador.