vue-element-admin引入svg组件

vue-element-admin引入svg组件


此项目使用的是vue-element项目结构,当项目迁移的时候,注意以下几点配置svg组件。

vue-element git 地址

1.webpack.base.conf.js配置
在mudule.rules中加入

	{
   
   
	    test: /\.svg$/,
	    loader: 'svg-sprite-loader',
	    //使用这个loader需要下载此模块
	    include: [resolve('src/icons')],
	    options: {
   
   
	    symbolId: 'icon-[name]'
	}

2.创建SvgIcon组件,src目录下的components
在这里插入图片描述
index.vue

	<template>
		<svg :class="svgClass" aria-hidden="true" v-if="login">
			
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值