vue如何循环拼接类名

vue如何循环拼接类名

:class="'warn-content warn-content'+[i]"

<template id="homewarn">
        <div class="warn">
            <div v-for="(v,i) in warnList" :key="i" :class="'warn-content warn-content'+[i]">
                <img :src="v.imgurl" alt="">
                <div>
                    <div class="task-title">{{v.title}}</div>
                    <div class="task-num">{{v.num}} <i class="el-icon-arrow-right"></i></div>
                </div>
            </div>
        </div>
    </template>