1. 需要用到图标的地方加入图标标签
<el-input type="text" auto-complete="off" placeholder="账号">
<svg-icon slot="prefix" icon-class="user"/>
</el-input>
2. 加入SvgIcon组件
src/components目录下加入SvgIcon组件
index.vue代码如下
<template>
<svg :class="svgClass" aria-hidden="true">
<use :xlink:href="iconName"/>
</svg>
</template>
<script>
export default {
name: 'SvgIcon',
props: {
iconClass: {
type: String,
required: true
},
className: {
type: String,
default: ''
}
},
computed: {
iconName() {
return `#icon-${this.iconClass}`
},
svgClass() {