在vuetify中，未显示广播

Question

使用vuetify，添加简单的收音机后，将不显示收音机，仅显示标签。

---

代码

模板：

<v-app height="100%">
  <v-radio-group v-model="radios">
    <v-radio label="Radio 1" value="radio-1"></v-radio>
    <v-radio label="Radio 2" value="radio-2"></v-radio>
  </v-radio-group>
</v-app>

脚本：

<script>
  export default {
    data() {
      return {
        radios: 'radio-1',
      }
    },
  }
</script>

---

有什么主意吗？

---

@Update-解决方案

这是css文件问题，在index.html中，更改了以下行后已解决

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Material+Icons">

收件人：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">

而且，我还运行yarn add @mdi/font -D安装src/plugins/vuetify.js （不是  当然确定这是必要的）：

export default new Vuetify({
  icons: {
    iconfont: 'mdi',
  },
});

顺便说一句：

• 我通过重新添加vuetify插件并检查git diff来解决这个问题。
• 而且，似乎需要重新启动应用程序才能看到区别？首先停止应用程序，然后停止npm start或yarn start。
• 我被vuetify的github自述文件中的指南误导了。

Answer 1

您在此处显示的代码是正确的。我检查了我的项目。它显示单选按钮，就像：

所以您的问题出在其他地方。

Answer 2

我遇到了同样的问题，并且将实质性图标链接添加到html并没有帮助。实际上，单选按钮接受图标作为属性。因此，如果我们已经在应用程序中使用了某些图标（例如@mdi），则可以这样附加它

<v-radio
  v-for="(lang, index) in languages"
  :key="index"
  :label="lang.name"
  :value="lang.locale"
  off-icon="mdi-radiobox-blank"
  on-icon="mdi-radiobox-marked"
  class="language__radio"
></v-radio>