svg中<g>标签

187 阅读1分钟

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

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