vue.js 使用v-if v-else發現沒有執行解決辦法,vue.jsv-if

來源:互聯網
上載者:User

vue.js 使用v-if v-else發現沒有執行解決辦法,vue.jsv-if

使用v-if v-else發現沒有執行

最近在學習Vue,因為剛開始學習,所以總會遇到這樣那樣的問題,今天要說的一個錯誤就是在看Vue的官方文檔的時候,發現在使用v-if和v-else指令的時候,相應的內容都出現了

初始代碼:

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

顯示的結果:

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

後來發現,我的這個是忘記了建立執行個體,每一個Vue應用都是應該建立執行個體的,所以修改後的代碼如下:

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

感謝閱讀,希望能協助到大家,謝謝大家對本站的支援!

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.