v-if 和 v-else

大雁567

于 2020-01-20 15:18:13 发布

阅读量63

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/weixin_42885193/article/details/104052230

版权

vue 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

v-if 和 v-else

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Vue.js实例</title>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>

    <h1>v-if 判断是否加载</h1>
    <hr>
    <div id="app">
        <div v-if="isLogin">你好：请自信，请重复</div>
        <div v-else>请登录后操作</div>

    </div>

    <script type="text/javascript">
        var app=new Vue({
            el:'#app',
            data:{
               isLogin:true
            }
        })
    </script>

</body>
</html>