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

qq_38657283

于 2018-07-16 18:26:07 发布

阅读量4.3k

点赞数

文章标签： vue vue变量

本文链接：https://blog.youkuaiyun.com/qq_38657283/article/details/81069552

版权

<!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>