vue之for循環(huán)不同條件下渲染不同內(nèi)容

<div id="app">
<div style="width: 100%;">

<div class="data-list" v-for="(item, index) in dataList">
  <el-col :span='24' class='bd-border'>
    <el-col :span='24' class='itemtop'>
      <span>{{ index+1 }}</span>
      <span  class="bdzdjj" v-if='1024<item.WLCC<1024*1024'>KB</span>
      <span  class="bdzdjj" v-else-if='1024*1024<item.WLCC<1024*1024*1024'>MB</span>
    </el-col>
  </el-col>
</div>

</div>
</div>

var app = new Vue({
    el: '#app',
    data:{
      dataList:[{
        WLCC:1048571
      },{
        WLCC:10485762
      },{
        WLCC:12000000000000
      }],
    },
   methods:{

   }

});
。。。。。。。。。。。。。。。。。。。。。。。。。。。
不同的數(shù)據(jù)情況下，渲染顯示不同的單位，但是渲染結(jié)果卻無效，只有一個單位KB，沒有MB