vant图标失效（不显示）

vant图标失效（不显示）本应该是这样的失效：原因：图标字体引用的在线文件无法请求到解决：import Vue from 'vue'import Vant from 'vant';import 'vant/lib/index.css';import 'vant/lib/icon/local.css';//本地Vue.use(Vant)import ‘vant/lib/icon/local.css’

百变Gai爆蛋

5207人浏览 · 2021-01-26 10:22:57

百变Gai爆蛋 · 2021-01-26 10:22:57 发布

vant图标失效（不显示）

本应该是这样的
在这里插入图片描述
失效：

原因：

图标字体引用的在线文件无法请求到

解决：

import Vue from 'vue'
import Vant from 'vant';
import 'vant/lib/index.css';
import 'vant/lib/icon/local.css';//本地
Vue.use(Vant)

import ‘vant/lib/icon/local.css’;//本地

在main.js里面引入本地文件

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}$/, //不连续的两位字母// /^