vuetify数据表组件未正确加载

时间：2018-03-06 20:31:31

标签： vue.js vuetify.js

enter image description here Vue数据组件未正确加载。这是他们使用的确切模板。 箭头显示为＆＃34; arrow_upward＆＃34;并且编辑和删除按钮不会显示正确。

enter image description here 我已经在main.js中导入了所有vuetify内容。除了这个之外，我所有其他vuetify UI组件都在工作。

4 个答案:

答案 0 :(得分：2)

正如Traxo所评论，您需要包含Google素材图标字体。有两种解决方案：

  1. 将css链接<link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons' rel="stylesheet">添加到<head>，

  2. 使用提供Google材质图标的其中一个可用npm软件包，并在完成其他软件包后导入css

答案 1 :(得分：2)

检查packages.json并确保Webpack是最新的 但是，请确保在main.js中包含以下内容 import 'vuetify/dist/vuetify.min.css' //确保您正在使用css-loader

答案 2 :(得分：2)

我有类似的问题。按照提供的链接mdg，我通过将iconfont从mdi更改为mdiSvg来解决了问题

Warning: Unable to solve symbolically. Returning a numeric solution using 
vpasolve. 
> In solve (line 304) 

ans =

0.29525380332824351672413789113445

答案 3 :(得分：1)

我专门调出字体：

Vue.use(Vuetify, {
  iconfont: 'mdi'
}

并已安装它。

$ npm install material-design-icons-iconfont

验证参考：https://vuetifyjs.com/en/framework/icons

相关问题
最新问题