Vue中使用SVG
本文记录了Vue中使用SVG的操作过程。
- 首先安装vue-svg-icon插件。
npm install vue-svg-icon --save-dev
- 创建src文件夹(src文件夹应和node_modules在同一个文件夹下)。
- 去 Iconfont-阿里巴巴矢量图标库下载需要的SVG文件。
- 将下载的SVG文件放到src/svg目录下。
- 在resources/assets/js/app.js中引入vue-svg-icon。
import Icon from 'vue-svg-icon/Icon.vue'
Vue.component('icon', Icon)
- 在Vue文件中使用icon标签即可使用SVG。
<icon name="需要使用的SVG文件名" :scale="10"></icon>