使用第三方插件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文件的文件名

轉載于:https://www.cnblogs.com/lshilin/p/8599939.html

總結

以上是生活随笔為你收集整理的Vue项目中使用svg文件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。