在 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

您在此处显示的代码是正确的。我在我的项目上检查过。它显示单选按钮，如下所示：

所以你的问题是在其他地方。