• 今晚又失眠了,最近睡眠质量很差啊。

  • QsciScintilla 一个很好用的文本编辑器库

  • 愿逝者安息,愿生者奋发,愿祖国昌盛,致敬英雄

  • 身体是革命的本钱,猿(媛)仔们注意身体呀

  • 所谓”事务“就是指一组 SQL 命令,这些命令要么一起执行,要么都不被执行。

  • 遍历 for 循环时将,将外层写成函数,内层写成回调函数模式。

  • 网站被攻击了烦死了,今天一天都不能访问了

  • wordpress 官网抽风不能升级了!

  • Python 中 input 函数返回的始终是一个字符串。

  • 只有符合整数规范的字符串类数据,才能被 int()强制转换。因此:字符串’3.8’是不能被转换哟

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

学习教程 2020-02-01 16:13:11 8217次浏览 5个评论 扫描二维码
文章目录[隐藏]

前言

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

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

 

Vant Icon 图标使用

引入

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

Vue.use(Icon);

使用 ICON 组件

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

显示效果

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

 

 

 

喜欢 (107)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(5)个小伙伴在吐槽
  1. url-loader直接npm安装然后import就行吗? 不用配置其他的了?
    Resssssss2020-02-17 18:22 回复 Mac OS X | Chrome 79.0.3945.130
    • 直接引入使用即可
      h7077748582020-02-18 00:00 回复 Windows 10 | Chrome 75.0.3770.142
  2. 该怎么用,我也是这个问题,已经安装了url-loader依赖
    zzh2020-03-19 11:13 回复 Windows 10 | Chrome 80.0.3987.132
    • 你是按照步骤来的么,先引入再在其他地方时使用?你可以先复制我文章的代码,先调试下,看可以不。
      h7077748582020-03-19 13:55 回复 Windows 7 | Chrome 80.0.3987.132
  3. 正好在学vue
    heson2020-10-18 10:50 回复 Windows 10 | Chrome 78.0.3904.108