svg中<g>标签

当vue写svg标签时,里面的内容用通过v-for遍历,如果每次都遍历太消耗性能了,可以写在<g>标签中,相当于遍历时<template>标签,但是在svg标签中template不能使用,代码如下:

<g  v-for="(item,index) in arr" :key="index" >
            <!-- 画中间箭头部分 -->
            <polygon points="170,90 180,85 190,90" class="hand" />
        </g>

 

posted @ 2022-08-01 18:12  黑白棋学弟  阅读(1688)  评论(0编辑  收藏  举报