javascript - vue v-if v-else another problem

问题描述

问 题

v-if 的条件为 true 的情况下, v-else 都会执行一次,如果 v-if 条件为 true 的情况下, v-else 出现后,再消失。如何避免当 v-if 条件为真的情况下,不会执行一次 v-else 呢?

vue versions: 1.0.26

代码:

<div id="app">
    <div v-if="age>=18">成年人</div>
    <div v-else>未成年人</div>
</div>
var vm = new Vue({
    el: '#app',
    data: {
        age: 20
    }
})

解决方案

给v-else 标签添加v-cloak属性，然后CSS 设置带这个属性的元素为不可见。

其实v-if 也需要的。

这篇关于javascript - vue v-if v-else another problem的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！