Vue 遍历for循环如何根据参数长度显示哪种样式呢？

问题描述：
在html页面的for循环里面，我如何根据某个参数的长度来决定使用哪种布局呢？
解决办法：

 <div v-for="(item , index) in list " :key="index">
            <div class="nameMoneyFlag__item">
                <span v-bind:class="[item.notes.length > 15 ? nameMoneyFlag_item__flag2 : nameMoneyFlag_item__flag,textWhileColor,fontSize12]">
                    {{item.notes}}
             </span>
            </div>
        </div>

注意

我的v-bind:class=[item.notes.length > 15 ? nameMoneyFlag_item__flag2 : nameMoneyFlag_item__flag,textWhileColor,fontSize12]
使用了中括号[]，各个参数之间，逗号","隔开