vue页面加载，闪烁问题？

Question

  <div class="currency">
    <div v-if='flag==true'>
    <span v-cloak>{{(type.ico}}</span> &nbsp;
    <span>USD</span>
    </div>
    <div v-if='flag==false'>
      <span v-cloak>{{(type1.price}}</span> &nbsp;
      <!-- <span :percent="88"></span> &nbsp;  -->
      <span>RMB</span>
    </div>
    <p @click="switchChange">切换</p>
  </div>
  我用v-if写了个切换事件，但是现在从别的页面进到这个页面会闪现一下NaN，在渲染出来正确数据，我用了v-cloak怎么没有效果，有什么解决办法吗

Answer 1

<div v-if='type1.price' v-show="flag==true">
好吧，最后用着个方法强制写了，有点恶心，效果实现了，还是希望有更好的办法

Answer 2

v-cloak声明之外 还要在css里面写一些样式。自行百度

Answer 3

1. NaN的话难道不是你的js逻辑有问题吗？把一个不能转"Number"的转成了Number，出现了NaN。
2. 单文件组件下v-cloak是没必要的，也不会有用，不知道你是不是单文件组件。