造成下面樣式錯亂是下面自帶的css樣式,原本打算通過樣式重寫在組件內的style,發現下面相應的元素是出於封裝情況的,無論樣式重寫在組件還是在公共樣式均不能很好的解決,因為跳轉到該頁面時都要刷新一次,修改的樣式才上去。
后來把寫在這個表單的el-form的login-form的類名刪掉(這個類名刪掉對我其他視圖沒有影響,經過搜索),則這種情況解決。
因為只有el-form-item_content的類名時是沒有限制width的,限制大小的css樣式是要加上類名form,因此在修改element樣式時注意類名的嵌套,有時直接刪掉相應類名即可