元和链接标签在 vuetify 更新后在头部丢失



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

当用户浏览时,一切正常,所有元和链接标签都在 head 标签内,但是当用户打开右侧导航抽屉时,正在工作的图标和他的操作打开时,抽屉在这里变成文本,整个系统丢失导入的谷歌字体 (https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|材质+图标(,并在此处显示默认字体。应该是这样:这里。

如您所见,大多数图标也在这里和这里变成文本,但这里最奇怪的是,如果我右键单击导航抽屉,当他单击打开导航抽屉时消失的所有元和链接标签都返回到 head 标签,现在一切都可以正常工作,直到我单击再次打开抽屉。

我提到了 vuetify 更新,因为当我们使用 1.3.x 时,一切都运行良好,我们以前从未有过这样的事情。

我几乎可以肯定这是关于导入方式的事情,但我在文档中没有发现任何有用的东西,也没有其他地方,我不知道这是否也与 vuetify 有关。

Obs.:当这种情况发生时,并非所有图标都会变成文本,只有材料设计图标

这里的问题是为什么点击时元和链接标签丢失,它们怎么可能也会返回?

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

npm install vue-meta --save

现在一切都是完美的。

最新更新