下方審批人輸入框太長,導致介面像假村花東施
解決辦法:
使用layout中的col
元件,並設定其:span
屬性大小,:span
為24時,鋪滿赤道、為8時就是佔1/3,其他以此類推。
="審批人"
>
:span
="8"
>
v-model
="forminline.user"
placeholder
="審批人"
>
el-input
>
el-col
>
el-form-item
>
如果在el-col
外面再給外衣el-row
也是不錯也~
回眸一望,上方圖中的input輸入框好像沒有對齊,查閱文件可知,form元件中有個叫label-width
的屬性,設定成100px看看
:label-position
="labelposition"
:inline
="false"
:model
="forminline"
label-width
="100px"
class
="demo-form-inline"
>
嗯哼?效果還可以,如果設定成自動適配label-width="auto"
是最好
補充:對label的位置可以設定屬性label-position
的值(el-form標籤中設定)
如果值為 left 或者 right 時,則需要設定 label-width
label-position
可選值:right/left/top
先設定label-width,如下方
label-width="140px"
再設定el-input的寬度,如下方
.yourform
}
element日期選擇器設定時間範圍,精確到秒
用picker options繫結篩選規則 label vpn到期時間 label width formlabelwidth prop endtime v model vpn.endtime type datetime value format timestamp picker options se...
Element 呼叫介面
博主之前已經為大家講了element入門教程,如果還有什麼疑問的話可以檢視博主置頂的文章。相信大家對element 框架已經有了乙個基本的了解,這次為大家講一下如何呼叫介面。以我自己為例子,我想要呼叫我介面裡的,並讓他在瀏覽器裡顯示出來。import vue from vue import elem...
element清空表單
在element中有對於表單進行重置的方法,為了達到重置的效果,可以對單個框進行重置,進入element ui檢視原始碼,在webstorm中ctrl 左鍵,發現有resetfield 方法 清空單個輸入框,最主要的是找到這個field let fields this.refs 表單名稱 field...