vuetify图标不正常显示

不正常显示正常的方法一：在index.html中引入<link href="https://fonts.googleapis.com/css?family=Material+Icons" rel="stylesheet">方法二：(请注意，这不是官方的Google存储库，可能无法接收更新)npm install material-

weixin_44015248

4257人浏览 · 2019-01-21 19:04:18

weixin_44015248 · 2019-01-21 19:04:18 发布

不正常显示
在这里插入图片描述
正常的

方法一：
在index.html中引入

    <link href="https://fonts.googleapis.com/css?family=Material+Icons" rel="stylesheet">

方法二：(请注意，这不是官方的Google存储库，可能无法接收更新)
npm install material-design-icons-iconfont -D

在main.js中引入

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

具体参考
https://github.com/vuetifyjs/…
vuetify的icons的文档请参考：https://vuetifyjs.com/compone…

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^