路人甲12137
2019-10-23 10:39
采纳率: 90.9%
浏览 2.4k
已采纳

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条回答 默认 最新

  • nihaoye000 2019-10-23 10:43
    已采纳

    自己先定义图标数据，再在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>
    已采纳该答案
    赞 踩 打赏 评论

报告相同问题？

提交

相关推荐 更多相似问题