Vue v-cloak没效果

我的错误代码如下：

<div v-for="(item , index) in list " :key="index" >
            <div class="nameMoneyFlag__item">
             <span class="nameMoneyFlag_item__bankName textWhileColor margintLeft-5 "  v-cloak>
                {{item.bankName}}
             </span>
                <div class="suxian"></div>
                <span class="nameMoneyFlag_item__toDayMon textWhileColor "  v-cloak>
                 {{item.todayBalance | KilobitMoneyFormat}}
             </span>
                <div class="suxian"></div>
                <span class="nameMoneyFlag_item__availableMon textWhileColor "  v-cloak>
                    {{item.todayAvailableBalance | KilobitMoneyFormat}}
             </span>
                <div class="suxian"></div>
                <span v-bind:class="[item.notes.length > 15 ? nameMoneyFlag_item__flag2 : nameMoneyFlag_item__flag,textWhileColor,fontSize12]"  v-cloak>
                    {{item.notes}}
             </span>
            </div>
            <div class="hengXian"></div>
        </div>

我是在for循环里面，每个要显示的项里面都添加了v-cloak，导致无效果。
解决办法，
直接在for旁边添加就可以了，当然了css布局里面不能丢了
[v-cloak]{
display: none;
}

<div v-for="(item , index) in list " :key="index"  v-cloak>
            
        </div>