条件渲染v-if

演示

 

 

 

源码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    <p v-if="vip==0">穷逼</p>
    <p v-else-if="vip==1">普通会员</p>
    <p v-else-if="vip==2">超级会员</p>
    <p v-else-if="vip==3">至尊会员</p>
    <p v-else="vip==4">超级无敌至尊大会员</p>
</div>
<script src="../JS/Vue.js"></script>
<script>
    new Vue({
        el:'#app',
        data:{
            vip:0,
        }
    })
</script>
</body>
</html>

 

posted @ 2020-09-10 20:15  YuigahamaYui  阅读(162)  评论(0)    收藏  举报
码云地址：https://gitee.com/pan-hui