vue的v_else

liu1992452008

于 2017-11-18 10:46:01 发布

阅读量745

点赞数

分类专栏： vuejs

本文链接：https://blog.youkuaiyun.com/liu1992452008/article/details/78567201

版权

vuejs 专栏收录该内容

34 篇文章

订阅专栏

必须和v-if 一起用才行；

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
				<script type="text/javascript" src="vue1.0.25.js" ></script>

	</head>
	<body>
		<div id="app">
	
			<!--<p v-show='show'>要显示出来</p>
		 <p v-show='hide'>不要显示出来</p>-->
		 <p v-if="height>171">小明身高{{height}}</p>
		 <!--<p>xxx</p>-->//中间不可以添加东西，不然会报错，if和else 要链接使用
		 <p v-else>小明身高不足171</p>
		</div>
		<script type="text/javascript">
			new Vue({
				el:'#app',
				data:{
					show:true,
					hide:false,
					height:170
				}
			})
		</script>
	</body>
</html>