2020-09-01 |

条件指令 v-if

指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 真 值的时候被渲染。'
<div v-if="isLogin">
    你好,木木!
</div>

也可以用 v-else 添加一个“else 块”:

	 
<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:false
            }
     })
</script>	

最终展示结果

	 
<div id="app">    
    <div>请登录后操作</div>
</div>

0

发表评论

    评价:
    验证码: 点击我更换图片
    最新评论