Vuetify：v-ripple 只能用于块级元素

Question

我今天刚开始收到这个错误，它破坏了我的整个网站（因为我像个傻瓜一样在页面加载时加载 Vuetify）。

有谁知道这是什么意思或如何解决？谷歌搜索没有发现任何有用的东西。

编辑：

对于任何因为他们的网站也被破坏而发现这一点的人，这可能是因为您vuetify.min.css从哪里加载。对我来说，我正在像这样加载页面：

<link href="https://cdn.jsdelivr.net/npm/vuetify/dist/vuetify.min.css" rel="stylesheet">

并通过从已安装的包中导入它来解决问题

import 'vuetify/dist/vuetify.min.css'

在app.js。

不过，我仍然有兴趣了解这项v-ripple业务。

Answer 1

我遇到了同样的问题，我通过安装解决了

材料设计图标iconfont

运行以下命令进行安装：

npm install material-design-icons-iconfont

或者，如果您使用纱线运行，则：

yarn add material-design-icons-iconfont

现在在 main.js 文件中导入：

import 'vuetify/dist/vuetify.min.css'
import 'material-design-icons-iconfont/dist/material-design-icons.css'

您可以阅读 vuetify 文档以获取更多信息： Vuetify 文档

Answer 2

我今天遇到了同样的问题，当我注意到标题时，我开始按照上面建议的方式导入它：

@charset "UTF-8";
/*!
* Vuetify v2.0.0-alpha.14
* Forged by John Leider
* Released under the MIT License.

看起来他们升级了 dist 版本（我正在使用 1.5.12）。我将链接 href 更新为：

https://cdn.jsdelivr.net/npm/vuetify@1.5.12/dist/vuetify.min.css

...我的网站又重新组合起来。将其作为模块引入可能是更好的做法，但这将是积压的事情。希望这对某人有帮助。