element-ui筆記

1.el-dialog的關閉異常

　　在confirm按鈕事件中，咱們須要對業務參數進行校驗，可是校驗未經過，return false了，仍然關閉了彈窗。

　　緣由：cancel按鈕的click直接將彈窗的show條件置爲了false

　　解決：將cancel按鈕click單獨定義一個方法，在方法中將彈窗的show條件置爲了false，這樣校驗不經過時就不會關閉彈窗了。

2.el-date-picker的設置值問題

　　開發中常常遇到要對時間進行編輯的狀況。這就每每須要使用到el的時間組件。在type=dateRange的類型中，能夠選擇時間段，而在編輯時須要對其進行設置值。首先要使組件的v-model等於一個數組，分別存儲開始時間和結束時間纔會顯示出來。可是顯示出來以後，修改時間，雖然值發生了變化，可是頁面上顯示的時間不變。此問題暫時經過拆成兩個組件來實現。

 3.el-dialog多層嵌套彈窗出現黑色遮罩，關閉上層的彈窗遮罩層不消失

　　el彈窗在每次彈窗後都會在這個彈窗的下層添加遮罩層，多層彈窗能夠採用不使用遮罩的方法還避免遮罩層的問題。官方api上說的是modal設置爲false便可不遮罩。與其相關的還有個modal-append-to-body，是直接在body彈出仍是在父元素彈出。二者都設爲false便可。

 

持續更新......