vue中封装svg-icon组件并使用

Posted lhjfly

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中封装svg-icon组件并使用相关的知识,希望对你有一定的参考价值。

vue中使用svg图片有很多便捷方式,在这里记录一下模仿参考的过程,仅做一标记,方便后续回来查找

附上参考地址:https://juejin.im/post/59bb864b5188257e7a427c09

1.使用vue-cli3.0脚手架运行搭建一个项目,地址

截图如下:

技术图片

2.components文件下新建SvgIcon组件

技术图片

文件中的代码:

 

以上是关于vue中封装svg-icon组件并使用的主要内容,如果未能解决你的问题,请参考以下文章

vue中使用svg-icon封装的组件来引用iconfont

在Vue中使用svg图标即封装自定义svg-icon标签

vue 3.0 封装 Toast 组件

vue封装组件swiper轮播组件

vue滑动条组件封装

vue--封装后台管理项目通用组件