vue v-if,v-else-if,v-else

二拜糕糖

于 2020-10-12 11:15:06 发布

阅读量115

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/qq_45404035/article/details/109024169

版权

vue 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

vue
v-if
v-else-if
v-else

在这里插入图片描述

<body>
<div id="app">
    <h1 v-if="type==='A'">是A</h1>
    <h1 v-else-if="type==='B'">是B</h1>
    <h2 v-else>No</h2>
</div>

<script src="https://cdn.bootcss.com/vue/2.5.16/vue.min.js"></script>
<script>
    var vm = new Vue({
        el:"#app",
        data:{
           type:'A'
        }
    });
</script>
</body>