Element 設定el input寬度大小

2021-10-03 08:42:15 字數 1235 閱讀 3910

下方審批人輸入框太長,導致介面像假村花東施

解決辦法:

使用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...