vuetify2.0 断网图标显示问题
联网引用(有风险)
使用vue-cli构建vuetify项目时,默认图标和字体都是用的cnd方式引用(index.html),刷新会导致vue项目变慢,而且断网后图标不能显示,网络延迟会导致图标变形.
改为本地引用
在vue-cli项目中找到index.html(一般位于项目根目录,public文件夹中),将这两行注释掉, 安装materialdesignicons
npm install @mdi/font --save
在main.js 中,位于根目录src文件夹下
import ‘@mdi/font/css/materialdesignicons.css’
即可,也可用其他方式引入