使用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>
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
新聞熱點
疑難解答