Изменить цвет шрифта (текста) с помощью палитры цветов в Vue js

Я хочу изменить цвет шрифта (текста), когда пользователь выбирает его из палитры цветов, я сделал это, но он не будет работать,

<textarea :class="changeColor"></textarea>
<v-color-picker class="ma-2" hide-inputs @click="changeColor('color')"></v-color-picker>
 changeColor(val){ this.color = val}

Изображение того, чего я хочу достичь, когда пользователь выбирает цвет

Всего 1 ответ


Чтобы динамически назначить значение цвета CSS для HTML-элемента, вы можете использовать :style="{}" . Как это

<template>
<div>
   <textarea :style="{color:color}"></textarea>
   <v-color-picker v-model="color" />
</div>
</template>

<script>
  export default {
    data() {
      return {
        color : '#FFFFFF'
      }
    }
  } 
</script>

Есть идеи?

10000