快捷導(dǎo)航

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

更新時(shí)間：2017年05月15日 11:15:47 作者：Dear_Mr

這篇文章主要介紹了vue.js 使用v-if v-else發(fā)現(xiàn)沒(méi)有執(zhí)行解決辦法的相關(guān)資料,需要的朋友可以參考下

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

最近在學(xué)習(xí)Vue，因?yàn)閯傞_(kāi)始學(xué)習(xí)，所以總會(huì)遇到這樣那樣的問(wèn)題，今天要說(shuō)的一個(gè)錯(cuò)誤就是在看Vue的官方文檔的時(shí)候，發(fā)現(xiàn)在使用v-if和v-else指令的時(shí)候，相應(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 "

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

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

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

您可能感興趣的文章:

相關(guān)文章

antdv vue upload自定義上傳結(jié)合表單提交方式
這篇文章主要介紹了antdv vue upload自定義上傳結(jié)合表單提交方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-10-10
vue移動(dòng)端項(xiàng)目vant組件庫(kù)之tag詳解
這篇文章主要介紹了vue移動(dòng)端項(xiàng)目vant組件庫(kù)之tag詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-04-04
vue 微信分享回調(diào)iOS和安卓回調(diào)出現(xiàn)錯(cuò)誤的解決
這篇文章主要介紹了vue 微信分享回調(diào)iOS和安卓回調(diào)出現(xiàn)錯(cuò)誤的解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2020-09-09
Vue實(shí)現(xiàn)搜索和新聞列表功能簡(jiǎn)單范例
本文通過(guò)實(shí)例代碼給大家介紹了Vue實(shí)現(xiàn)搜索和新聞列表功能簡(jiǎn)單范例，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看看吧
2018-03-03
從0到1構(gòu)建vueSSR項(xiàng)目之node以及vue-cli3的配置
這篇文章主要介紹了從0到1構(gòu)建vueSSR項(xiàng)目之node以及vue-cli3的配置，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2019-03-03
vue左右滑動(dòng)選擇日期組件封裝的方法
這篇文章主要為大家詳細(xì)介紹了vue左右滑動(dòng)選擇日期組件封裝的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-04-04
Vue中的vue-resource示例詳解
Vue與后臺(tái)Api進(jìn)行交互通常是利用vue-resource來(lái)實(shí)現(xiàn)的，本質(zhì)上vue-resource是通過(guò)http來(lái)完成AJAX請(qǐng)求相應(yīng)的。這篇文章主要介紹了Vue中的vue-resource示例詳解,需要的朋友可以參考下
2018-11-11
Vue父子之間值傳遞的實(shí)例教程
這篇文章主要給大家介紹了關(guān)于Vue父子之間值傳遞的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者使用Vue具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-07-07
element-ui中如何給el-table的某一行或某一列加樣式
本文主要介紹了element-ui中怎么給el-table的某一行或某一列加樣式，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2023-01-01
使用vuex的時(shí)候,出現(xiàn)this.$store為undefined問(wèn)題
這篇文章主要介紹了使用vuex的時(shí)候,出現(xiàn)this.$store為undefined問(wèn)題及解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-06-06