自己先定义图标数据,再在template里面遍历它
javascript
data(){
return {
icons:["icon-user","icon-iphone","其他图标样式"]
}
}
template
<el-row>
<el-col :span="3" v-for="(index,item) in icons" style="text-align:center">
<svg-icon :icon-class="item" ></svg-icon>
</el-col>
</el-row>