vue.js 使用v-if v-else發(fā)現(xiàn)沒有執(zhí)行解決辦法
更新時間：2017年05月15日 11:15:47 作者：Dear_Mr
這篇文章主要介紹了vue.js 使用v-if v-else發(fā)現(xiàn)沒有執(zhí)行解決辦法的相關(guān)資料,需要的朋友可以參考下
使用v-if v-else發(fā)現(xiàn)沒有執(zhí)行
最近在學習Vue，因為剛開始學習，所以總會遇到這樣那樣的問題，今天要說的一個錯誤就是在看Vue的官方文檔的時候，發(fā)現(xiàn)在使用v-if和v-else指令的時候，相應的內(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應用都是應該創(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>
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關(guān)文章
antdv vue upload自定義上傳結(jié)合表單提交方式
這篇文章主要介紹了antdv vue upload自定義上傳結(jié)合表單提交方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要介紹了vue移動端項目vant組件庫之tag詳解，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
vue 微信分享回調(diào)iOS和安卓回調(diào)出現(xiàn)錯誤的解決
這篇文章主要介紹了vue 微信分享回調(diào)iOS和安卓回調(diào)出現(xiàn)錯誤的解決，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09
本文通過實例代碼給大家介紹了Vue實現(xiàn)搜索 和新聞列表功能簡單范例，非常不錯，具有參考借鑒價值，感興趣的朋友一起看看吧2018-03-03
從0到1構(gòu)建vueSSR項目之node以及vue-cli3的配置
這篇文章主要介紹了從0到1構(gòu)建vueSSR項目之node以及vue-cli3的配置，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-03-03
這篇文章主要為大家詳細介紹了vue左右滑動選擇日期組件封裝的方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
Vue與后臺Api進行交互通常是利用vue-resource來實現(xiàn)的，本質(zhì)上vue-resource是通過http來完成AJAX請求相應的。這篇文章主要介紹了Vue中的vue-resource示例詳解,需要的朋友可以參考下2018-11-11
這篇文章主要給大家介紹了關(guān)于Vue父子之間值傳遞的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者使用Vue具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2020-07-07
element-ui中如何給el-table的某一行或某一列加樣式
本文主要介紹了element-ui中怎么給el-table的某一行或某一列加樣式，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-01-01
使用vuex的時候,出現(xiàn)this.$store為undefined問題
這篇文章主要介紹了使用vuex的時候,出現(xiàn)this.$store為undefined問題及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06