Vuejs2 如何在vuetify中禁用的文本字段上启用工具提示？

代码显示了工具提示图标，但当我悬停在上面时，它不会显示任何内容。如何像下面的数字一样在悬停时启用它

救命
用户名称
救命
年数

Vuetify为禁用的输入字段禁用所有指针事件：

.v-input--is-disabled:not(.v-input--is-readonly) {
    pointer-events: none;
}

有两种方法可以消除此问题：

您可以向该输入添加一个自定义类，其中您可以说

指针事件：auto

或

将

readonly

属性传递给组件，以便Vuetify添加

v-input--is readonly

类，该类自动删除

指针事件：none

条件

因此，您的输入定义变成：

<v-text-field label="Name" id="name" disabled readonly>
    <v-tooltip slot="append" :value="true" bottom>
        <v-icon slot="activator" color="primary" dark>live_help</v-icon>
        <span>Name of the user</span>
    </v-tooltip>
</v-text-field>

救命
用户名称

Vuetify为禁用的输入字段禁用所有指针事件：

.v-input--is-disabled:not(.v-input--is-readonly) {
    pointer-events: none;
}

有两种方法可以消除此问题：

您可以向该输入添加一个自定义类，其中您可以说

指针事件：auto

或

将

readonly

属性传递给组件，以便Vuetify添加

v-input--is readonly

类，该类自动删除

指针事件：none

条件

因此，您的输入定义变成：

<v-text-field label="Name" id="name" disabled readonly>
    <v-tooltip slot="append" :value="true" bottom>
        <v-icon slot="activator" color="primary" dark>live_help</v-icon>
        <span>Name of the user</span>
    </v-tooltip>
</v-text-field>

救命
用户名称