element ui使用總結

2021-10-05 02:25:22 字數 823 閱讀 8607

在專案中用到了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檔案,若沒有,解除...