vue 登录
<div id="app">
<label for="">
User:
<input type="text" v-model="user">
</label>
<label for="">
Pwd:
<input type="password" v-model="pwd">
</label>
<select v-model="sel">
<option :value="item" v-for="item in list">{{ item }}</option>
</select>
<input type="button" value="登录" @click="btn">
</div>
<script>
var vm = new Vue({
el:'#app',
data:{
user:'',
pwd:'',
sel:'',
list:['服务 1 区','服务 2 区','服务 3 区','服务 4 区']
},
created(){
//如果没有这句代码,select中初始化会是空白的,默认选中就无法实现
this.sel = this.list[0];
},
methods:{
btn(){
if(this.user===null || this.user===""){
alert('请输入用户名');
return false;
}else if(this.pwd===null || this.pwd===""){
alert('您输入的密码不正确!');
return false;
}else{
alert('恭喜您,成功登录'+this.sel);
}
}
}
})
</script>