鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ vue頁面加載，閃爍問題？

vue頁面加載，閃爍問題？

  <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寫了個(gè)切換事件，但是現(xiàn)在從別的頁面進(jìn)到這個(gè)頁面會(huì)閃現(xiàn)一下NaN，在渲染出來正確數(shù)據(jù)，我用了v-cloak怎么沒有效果，有什么解決辦法嗎
回答
編輯回答
陌如玉
  1. NaN的話難道不是你的js邏輯有問題嗎？把一個(gè)不能轉(zhuǎn)"Number"的轉(zhuǎn)成了Number，出現(xiàn)了NaN。
  2. 單文件組件下v-cloak是沒必要的，也不會(huì)有用，不知道你是不是單文件組件。
2017年12月3日 11:32
編輯回答
魚梓

<div v-if='type1.price' v-show="flag==true">
好吧，最后用著個(gè)方法強(qiáng)制寫了，有點(diǎn)惡心，效果實(shí)現(xiàn)了，還是希望有更好的辦法

2018年2月16日 19:53
編輯回答
避風(fēng)港

v-cloak聲明之外 還要在css里面寫一些樣式。自行百度

2017年10月22日 05:46