<template> <div> <div class="panel panel-default panel-login"> <div class="panel-header bg-gradient-blue"> 登录 </div> <div class="panel-body"> <div class="row"> <div class="login-form"> <form class="form-horizontal" id="loginForm" method="post" action="" data-bv-message="This value is not valid" data-bv-feedbackicons-valid="glyphicon glyphicon-ok" data-bv-feedbackicons-invalid="glyphicon glyphicon-remove" data-bv-feedbackicons-validating="glyphicon glyphicon-refresh"> <div class="form-group"> <label class="col-sm-2 control-label">帐号</label> <div class="col-sm-9 input-icon icon-left"> <input type="text" name="username" class="form-control login-username" placeholder="请输入帐号" value="admin1" v-model="user.username" @blur="aa()"> <!-- @mouseleave="" --> <i class="fa fa-user icon"></i> <small class="help-block" data-bv-validator="stringLength" data-bv-for="userName" data-bv-result="INVALID" style="color: red">用户名不正确</small> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label">密码</label> <div class="col-sm-9 input-icon icon-left"> <input type="password" name="password" class="form-control login-password" @blur="aa()" placeholder="请输入密码" value="admin123456" v-model="user.password"> <i class="fa fa-lock icon"></i> {{user}} <small class="help-block" data-bv-validator="stringLength" data-bv-for="password" data-bv-result="INVALID" style="color: red">密码错误</small> </div> </div> <div class="form-group btn-form-group"> <div class="col-sm-offset-2 col-sm-10"> <a class="btn btn-primary btn-login bg-gradient-blue" data-href="/index.html" @click.prevent="loginuser()">登录</a> </div> </div> </form> </div> </div> </div> </div> </div> </template> <script> import axios from 'axios' export default { data() { return { user:{ }, } }, mounted() { }, methods: { loginuser(){ var url=`http://localhost:8080/user` axios.post(url,this.user) .then((response)=>{ if(confirm("你要登录吗?") && response.data.code==1){ alert(response.data.message) this.$router.push('/newsList') } else{ alert(response.data.message) return } }) .catch((error)=>{ alert("操作失败") }) }, }, } </script>
50,530
社区成员
85,608
社区内容
加载中
试试用AI创作助手写篇文章吧