webpack vue 使用阿里巴巴矢量网svg图标
webpack vue 使用阿里巴巴矢量网svg图标
1.选择你要的小图标加入购物车,添加到你的项目中;
2.点击到symbol中点击更新代码;如图
3.复制代码前面加http://如下图将这个js代码下载下来;保存成一个文件放在vue的项目中
4.然后在App.vue引入你的js文件
最后在你想要使用图标的地方写上代码
<svg class="icon" aria-hidden="true"> <use xlink:href="#icon-sjh-copy"></use> </svg>
xlink:href="#icon-sjh-copy"