如何在“v-text-field”组件的输入中定义文本的颜色？

【问题标题】：How to define color of the text in the input of the "v-text-field" component?如何在“v-text-field”组件的输入中定义文本的颜色？
【发布时间】：2021-03-03 05:26:26
【问题描述】：

有没有办法在“v-text-field”组件的输入元素中定义文本的颜色？

它的“color”属性只定义了标签的颜色和下划线的颜色。但是如何定义输入元素中文本的颜色呢？

（Vuetify 版本 1.5.24）

【问题讨论】：

标签： javascript vue.js vuetify.js

【解决方案1】：

尝试在v-text-field 标签中定义一个类，然后定位内部输入。

<v-text-field
  class="text-field-style"
></v-text-field>

<style scoped>
  .text-field-style >>> .v-text-field__slot input {
    color: red
  }
</style>

【讨论】：

我正在寻找一种动态的方法。
您可以使用类绑定来动态更改。 :class="{ 'text-field-style': someCondition }"
这意味着您必须定义与颜色数量一样多的选择器。但是如果必须动态计算颜色并且颜色的数量没有预定义呢？