vuetify更新后头部内部缺少元和链接标签

时间:2019-08-12 19:13:36

标签: vue.js material-design vuetify.js nuxt

所以我正在用Nuxtjs / Vue运行一个应用程序,最近我们决定将vuetify更新到最新版本(2.0),但是正在发生一些奇怪的事情。

当用户浏览时,一切正常,所有meta和link标签都在head标签内,但是当用户打开右侧导航抽屉时,正在工作的图标及其动作被打开,抽屉变成文本{ {3}},整个系统将丢失导入的Google字体(here),并显示默认字体https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons。应该是这样的:here

您可以看到herehere的大多数图标也都变成了文本,但这里最奇怪的是,如果我右键单击导航抽屉,则所有已消失的meta和link标签当他单击以打开导航抽屉时,返回到head标签,一切正常,直到我再次单击以打开抽屉。

我提到了vuetify更新,因为当我们使用1.3.x时,一切都运行良好,而且以前从未有过类似的东西。

我几乎可以肯定,这与here的方式有关,但是我在文档中没有其他地方发现任何有用的信息,我也不知道这是否也与vuetify有关。

不好意思:只有材料设计图标时,并非所有图标都会变成文本

这里的问题是,为什么单击时缺少meta和link标记,它们又怎么可能返回?

1 个答案:

答案 0 :(得分:0)

我终于找到了答案。由于某些原因,在更新vuetify之后,无法正确生成nuxt生成的所有标签。知道了这一点,我安装了vue-meta

npm install vue-meta --save

现在一切都完美了。