vue怎么使用element-ui的Icon图标组件

 时间:2024-10-16 12:24:40

1、第一步,我们利用vue-cli创建一个vue项目,然后引入element-ui,不会的请看下面的链接,详细如下图

vue怎么使用element-ui的Icon图标组件

3、第三步,我们在官网找到你要使用的icon图标,然后我们复制其代码,放到项目中,想要换其他图标我们更改其对应的class就可以了,详细如下图

vue怎么使用element-ui的Icon图标组件

4、第四步,代码都写好以后,我们打开命令行工具,进入对应的项目,输入npm run dev,运行这个项目,成功会出现一个访问的地址,详细如下图

vue怎么使用element-ui的Icon图标组件

5、第五步,打开我们的浏览器,然后输入访问的地址127.0.0.1:8080,就可以查看使用图标的效果了,详细如下图

vue怎么使用element-ui的Icon图标组件
  • 怎样做南瓜藤炒鸡蛋
  • 如何更改B站中的“我的签名”?
  • html页面如何创建一个视频播放器
  • 会声会影基本操作——转场
  • 16种紧急情况下的自救方法
  • 热门搜索
    武汉旅游攻略两日游 广西旅游网 环球旅游资讯 合阳旅游 韩国旅游局 嘉兴旅游网 大武汉旅游年卡 大同旅游地图 大青沟旅游攻略 深圳附近的旅游景点