vue的if-else判断,注意声明变量

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	</head>
	<body>
		<div id="app">
			<button v-on:click="aa">点击</button>
			<p v-if=" b>0.5">
				大于0.5
			</p >
			<p v-else>
				小余0.5
			</p >
			<p>{{this.b}}</p>
		</div>
	</body>
	<script>
		new Vue({
			el:"#app",
			data:{
				b:''  //变量b
			},
			methods:{
				aa:function(){
					this.b = Math.random()
				}
			}
		})
	</script>
<html>

猜你喜欢

转载自blog.csdn.net/qq_38657283/article/details/81069552