只想用bootstrap 的表单的样式,最后用axios提交数据,没想到不进入请求成功的then方法,提交是成功了,直接在地址栏的url后面加了问号(如下图),看到页面有跳转。
bootstrap参考代码:
<form class="form-horizontal" role="form">
<div class="form-group">
<label for="firstname" class="col-sm-2 control-label">名字</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="firstname" placeholder="请输入名字">
</div>
</div>
<div class="form-group">
<label for="lastname" class="col-sm-2 control-label">姓</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="lastname" placeholder="请输入姓">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<div class="checkbox">
<label>
<input type="checkbox">请记住我
</label>
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-default">登录</button>
</div>
</div>
</form>
bootstrap参考代码效果:
使用axios提交后的效果
请求成功了,不进axios的then方法
解决方案:
既然不想用他的表单,只用样式,把表单替换成 div 即可