在專案中用到了element-ui ,使用時遇到部分問題,總結如下:
1.日期限制、自定義表單驗證實現
限制日期前後
以下為element-ui表單元件的乙個表單項,prop是表單域 model 字段,在使用 validate、resetfields 方法的情況下,該屬性是必填的,值應該是 form 元件的model
中的字段,詳情可以檢視官方文件;
—
return else if (this.form.establishorgendtime == "") else if (this.form.establishorgtime > this.form.establishorgendtime) else
};rules: ,
], }
}
限制日期選擇範圍
限制不可以選擇未來的時間,el-date-picker元件上picker-options加限制,這個當初第一次看官方文件時沒有看明白,記錄一下;
可以在表單項上單獨設定驗證rule,下邊實現的是在特定的規則下是必填項,進行必填項驗證,否則是非必填項。
return
},rules: ]
}}methods:
}
限制年份選擇在2023年之後
year_limit:
}
ElementUI使用總結
1 內指定行數給定不同樣式 類似於隔行變色,也能叫指定行數不同顏色展示 如下圖 prop date label 日期 width 180 column prop name label 姓名 width 180 column prop address label 位址 使用時,自己遇到的問題 問題一 ...
element ui使用心得總結
1 樹形列表el table的資料data中有haschildren屬性時,必須結合lazy,load,才能有點選展開的效果,缺其中乙個要素沒有配置,都不能點選展開 2 樹形列表el table的資料data中有haschildren屬性時,default expand all必須有lazy才能生效...
element ui安裝使用
import elementui from element ui import element ui lib theme default index.css 若發現該處導包總是出錯,請檢查node modules中的對應版本目錄下是否有theme default index.css檔案,若沒有,解除...