1.安装依赖 npm i svg-sprite-loader@4.1.3
2.配置 vue.config.js
找到配置的代码块并且在这个文件中补充一个配置{ }
补充3.复制/创建文件
①src/icon 保存图标 并且注册全局组件
全局注册组件②组件 componets/SvgIcon/index.vue
template代码 script代码 style代码③新建validate.js (utils/validate.js)
导出函数复制地址:https://blog.csdn.net/weixin_60601708/article/details/119616315?spm=1001.2014.3001.5501
4.在main.js 中引用
import '@/icons'
5.使用
使用格式<svg-icon icon-class="文件名"/> 。这里的文件名就是在src/icons/svg下的文件名 直接写名字,不用写路径
网友评论