Vue.js新手入门
首页 > Vue.js新手入门 > v-else指令什么意思

v-else指令什么意思

2021-03-27 13:13:22 6

编辑 收藏

v-else 指令

用法: 为 v-if 或者 v-else-if 添加 “else 块”。

注意
v-else 元素必须紧跟在 v-if 或者 v-else-if 元素的后面——否则它将不会被识别。


示例

<div v-if="Math.random() > 0.5">
  Now you see me</div><div v-else>
  Now you don't</div>

代码示例1

 <div id="demo">
        <template v-if="login">欢迎来到这里学习</template>
        <template v-else="login">请登录</template>
    </div>

    <script>
        var app=new Vue({
            el:'#demo',
            data:{
                login:true
            }
        });
    </script>
TAGS:v-else