vuejs pass variable to css

Solutions on MaxInterview for vuejs pass variable to css by the best coders in the world

showing results for - "vuejs pass variable to css"

1<template>
2<div>
3  <div class="text">hello</div>
4</div>
5</template>
6
7<script>
8export default {
9    data() {
10        return {
11            color: 'red',
12        }
13    }
14}
15</script>
16
17<style>
18.text {
19    color: v-bind(color);
20}
21</style>

similar questions

vuejs using v for with props from parent concat class name vue js vuetify sass variables vue cli vue inline style bind how to create a global variable in vue global variable vuejs vuejs send required props to dynamic component vue js override component css vue dynamic routes with parameters binding style vuejs vue directive parameter vue js use scss in balise style

queries leading to this page

vue css variables vuejs pass variable to css pass variable to css vue vuejs pass variable to css