transition-group tag

Question

<svg id="tangram" v-press="press" v-panstart="panstart" v-panmove="panmove" v-panend="panend" class="tangram-svg" version="1.1" xmlns="http://www.w3.org/2000/svg">
        <transition-group enter-active-class="animated bounceInRight" tag="">
          <polygon :class="['tangram animated', signList.length ? signList[polygon.index].signStatus === '1' ? 'zoomIn' : '' : '']"
            v-show="signList.length ? signList[polygon.index].signStatus === '1' : false"
            v-for="(polygon, index) in polygonData"
            :key="index" :index="polygon.index" :order="index"
            :points="polygon.points"
            :style="polygon.style"
          />
        </transition-group>
    </svg>

我想给svg里面的元素加个动画效果
然而套上transition-group之后
会生成一个标签在外面导致svg渲染不出来， 有木有办法让transition-group不生成标签呢？

Answer 1

先把tag属性去掉，不行再把 enter-active-class属性去掉