<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:{

   }

});
。。。。。。。。。。。。。。。。。。。。。。。。。。。
不同的数据情况下，渲染显示不同的单位，但是渲染结果却无效，只有一个单位KB，没有MB