v-if用于条件判断，判断Dom元素是否显示

最新推荐文章于 2024-04-26 09:23:35 发布

xiaocmianju

最新推荐文章于 2024-04-26 09:23:35 发布

阅读量296

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/xiaocmianju/article/details/124952957

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="app">
			<div v-if="age<18">小于18岁未成年</div>
			<div v-else-if='age<60'>大于18岁小于60岁正值青壮年</div>
			<div v-else>大于60岁,暮年</div>
		</div>
		<script src="../vue.js"></script>
		<script>
			const app=new Vue({
				el:"#app",
				data(){
					return{
						age:6
					}
				}
			})
		</script>
	</body>
</html>