在Vue js中使用颜色选择器更改字体（文本）颜色

Question

当用户从颜色选择器中选择字体（文本）颜色时，我想这样做，但是它无法正常工作，

<Button />

Answer 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>