vue 使用v-for循环输出图标

使用v-for循环出一排七个不同的图标

<el-row>
    <el-col :span="3" v-for="(index,item) in 7" style="text-align:center">
        <svg-icon icon-class="user" ></svg-icon>
    </el-col>
</el-row>

####大致代码这个样子的,但是不太懂数据绑定啥的,求大神指点一下萌新

1个回答

自己先定义图标数据,再在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>
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐