Vuetify v-radio 标签在使用一次标签槽后损坏

Question

上下文：

我决定创建一个带有 v-text-field 作为标签的 v-radio 按钮。

我是这样使用标签槽的：

<v-radio
  v-for="option in question.options"
  :key="option"
  :label="option"
  :value="option"
>
  <template #label>
    <v-text-field
    label="Test"
    />
  </template>
</v-radio>

问题：

这是我在应用前面的代码片段时得到的输出：

附加信息：

我检查了项目中的另一个普通单选按钮（从 Vuetify 文档复制而来）

代码如下：

<v-radio
  label="red darken-3"
  color="red darken-3"
  value="red darken-3"
/>

这是该代码的输出：

问题：

有没有办法在没有两个单选按钮“圆圈”的情况下获得带有输入文本的普通单选按钮？

Vuetify 版本：^2.4.5

Answer 1

终于，我在挖掘了几个小时后修复了它，我意识到我在 Vuetify 中启用了 tree-shaking。我的意思是我是这样导入 Vuetify

import Vue from 'vue'
import Vuetify from 'vuetify/lib'

Vue.use(Vuetify)

export default new Vuetify()

我改回

import Vue from 'vue'
import 'vuetify/dist/vuetify.min.css'
import Vuetify from 'vuetify'

Vue.use(Vuetify)

export default new Vuetify()

在那之后，它总是按预期工作。我仍然不知道如何在启用 tree-shaking 的情况下修复它。

Vuetify v-radio 标签在使用一次标签槽后损坏

Vuetify v-radio label got broken after using label slot once

vue.js

vuetify.js