vue.js - 在 vuetify 中，不显示 radio

Question

与 vuetify ，添加一个简单的 radio 后， radio 不显示，只显示标签。

代码

模板:

<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

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



所以你的问题是在别的地方。