Vue项目中使用svg文件


使用第三方插件vue-svg-icon

npm i vue-svg-icon -D

 

在入口文件main.js引入

import Vue from from 'vue'
import Icon from 'vue-svg-icon/Icon.vue' //引入

Vue.component('icon', Icon) //注册

  

将svg文件放到 src/svg 目录下(此目录暂时不能设置)

 

使用:

<icon name="example"></icon>

  name属性的值为svg文件的文件名


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM