Vuetify TreeView显示不正确

Question

我是Vue的初学者，所以请忍受我的问题。 我尝试创建一个简单的可选树，但是由于某种原因它显示不正确。保留单词而不是按钮。 我想不起我忘记做的任何事情。

我尝试添加到vuetify CSS文件的链接（导入“ verify / disk / verify.min。css”；），但是此后图像的可读性甚至更低。材质设计图标的链接位于文件index.html

中

请问该如何解决？

没有CSS：

使用CSS：

Answer 1

您正在使用Vuetify 2.x，它（与1.x相反）要求在您的Vue构造函数中

new Vue({
  el: "#app",
  components: { App },
  template: "<App/>",
  vuetify: new Vuetify() // <--- the important thing !!!
});

此外-您应该将内容（在App.vue中包装在<v-app>内-否则树节点上的箭头图标将不会在展开/折叠之间切换。