Vutify：V-涟漪只能在块级元素上使用 [英] Vuetify: v-ripple can only be used on block-level elements

问题描述

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

有人知道这意味着什么或如何修复它吗？四处搜索也没有发现任何有用的信息。

编辑：

对于因为他们的网站也已损坏而发现此内容的任何人来说，这可能是因为您加载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业务。

推荐答案

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

解决了

材料-设计-图标-图标

运行以下命令进行安装：

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'

有关详细信息，请阅读vutify文档： Vuetify Documentation

这篇关于Vutify：V-涟漪只能在块级元素上使用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！