Estoy tratando de cambiar el tema dinámicamente en vueJs, obtendré el código de color de la API y quiero cambiar el tema de acuerdo con eso.
ahora mismo lo he hecho así.
en util.js
var ChangeTheme = { applyTheme_fn(color) { document.querySelector(".navbar .navbar-collapse").style.color = color ... } } export default ChangeTheme
en casa.vue
import ChangeTheme from '@/components/util.js' .... methods: { someMethod() { let themeColor = data.response.themeColor // color code from API response ChangeTheme.applyTheme_fn(themeColor) } }
Esto funciona en algunos lugares, pero no en todos los lugares. Si escribo estilo en un componente particular, funciona allí. pero querySelector no se aplica en todos los lugares.
¿Hay alguna solución para esto?