时间戳

首页 > 解决方案 > vuetify v-text-field 的自定义标签槽未注册

vue.js - vuetify v-text-field 的自定义标签槽未注册

问题描述

根据此处的文档为 vuetify v-text-field 添加插槽时： https ://vuetifyjs.com/en/components/text-fields#text-field 标签仍然存在undefined，似乎没有注册插槽。

最初，我只是简单地尝试:label在上述组件上添加一个动态标签。然后继续使用也不起作用的自定义插槽。

                <v-text-field
                  v-model.lazy="row.value"
                  @blur="rowSearch(index)"
                >
                  <template slot="label" slot-scope="label">
                    <div>
                      {{myLabel}}
                    </div>
                  </template>
                </v-text-field>
              </v-flex>```

Expected results is that the label will change based on some event in my component. Actual results are no label since it is `undefined`

标签： vue.jsvuetify.js

解决方案

尝试v-slot:label

<template v-slot:label>
  <div>
  {{myLabel}}
  </div>
</template>

推荐阅读