溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

vue.js 使用v-if v-else發(fā)現(xiàn)沒有執(zhí)行解決辦法

發(fā)布時間：2020-10-05 21:10:53 來源：腳本之家 閱讀：187 作者：Dear_Mr 欄目：web開發(fā)

使用v-if v-else發(fā)現(xiàn)沒有執(zhí)行

最近在學(xué)習(xí)Vue，因為剛開始學(xué)習(xí)，所以總會遇到這樣那樣的問題，今天要說的一個錯誤就是在看Vue的官方文檔的時候，發(fā)現(xiàn)在使用v-if和v-else指令的時候，相應(yīng)的內(nèi)容都出現(xiàn)了

初始代碼：

<div v-if="Math.random > 0.5">
 " Math.random > 0.5 "
</div>
<div v-else>
 " Math.random <= 0.5 "
</div>

顯示的結(jié)果：

 " Math.random > 0.5 "
" Math.random <= 0.5 "

后來發(fā)現(xiàn)，我的這個是忘記了創(chuàng)建實例，每一個Vue應(yīng)用都是應(yīng)該創(chuàng)建實例的，所以修改后的代碼如下：

  <div id="test">
    <div v-if="Math.random > 0.5">
      " Math.random > 0.5 "
    </div>
    <div v-else>
      " Math.random <= 0.5 "
    </div>
  </div>
  <script type="text/javascript">
    new Vue({
      el : "#test"
    })
  </script>

感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手