input输入框里的内容,假设什么都没输入,点击按钮,我该怎么检测这种情况,
试了 isNaN 没有 v.num='' 没用 v.num=null 也没用.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div>
<h1 align="center">猜数字</h1>
<input type="text" v-model="num">
<input type="button" @click="f()" value="猜数字">
<h1>{{info}}</h1>
</div>
<script src="js/vue.min.js"></script>
<script>
let x = parseInt(Math.random()*100+1);
let v = new Vue({
el:"body>div",
data:{
info:"请输入1-100之间的数字",
num:'',
},
methods:{
f(){
if(isNaN(v.num)){
v.info="你还没有猜";
return;
}
if(v.num>x){
v.info="猜大了";
}else if(v.num<x){
v.info="猜小了";
}else{
v.info="恭喜你,猜对了"
}
}
}
})
</script>
</body>
</html>