时间戳

首页 > 解决方案 > vuetify 1.1 如何在 v-text-filed 前置图标上显示工具提示？

vue.js - vuetify 1.1 如何在 v-text-filed 前置图标上显示工具提示？

问题描述

我知道现在可以使用新的 1.1。版本......但没有例子......

在哪里设置插槽“前置”？以及在哪里设置工具提示文本？（ 标签 ？ ）

     <v-card-text class="grow">
          <v-text-field disabled value="john.doe@example.com" :label="Email" prepend-icon="email"></v-text-field>
          ....
     </v-card-text>

更新

测试：

                <v-text-field disabled v-bind:value="user.email" :label="$t('lang.views.home.section4.email')" prepend-icon="email">
                  {{ user.email }}
                  <v-tooltip slot="append" bottom>
                    <v-icon slot="activator" >edit</v-icon>
                    <span>Edit</span>
                  </v-tooltip>
                </v-text-field>

没有任何成功

标签： vue.jsvuetify.js

解决方案

推荐阅读