只想用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 即可