翻译默认消息 v-autocomplete 中没有可用数据

Question

我想翻译v-autocomplete当搜索返回任何内容时未找到数据的默认消息。我知道这是由于默认行为造成的，但我的应用程序通过i18n本地化库支持多种语言，因此我想将其完全本地化。

示例代码适用于自动完成组件：

<v-autocomplete
                class="form-select__region"
                :class="fieldName"
                dense
                :disabled="disabled"
                item-text="text"
                item-value="value"
                :items="getData"
                outlined
                single-line
                solo
                :value="value"
                @change="input(fieldName, $event)"
            >
            </v-autocomplete>

Answer 1

您需要像这样使用插槽“无数据”：

<template v-slot:no-data>
   <div class="px-4">YOUR TEXT</div>
</template>