Vue学习之Vant图标使用及问题

文章目录[隐藏]

• 前言
• Vant Icon 图标使用

前言

今天在使用Vant时发现图标不显示，最后查看到是没有添加url-loader 依赖，加入后运行就好了。

在初次使用时可能还会报错，根据提示引入相应的依赖即可。

Vant Icon 图标使用

引入

import Vue from 'vue';
import { Icon } from 'vant';

Vue.use(Icon);

使用 ICON 组件

<van-icon name="chat-o" color="#07c160" />

显示效果