elementui 基于el-tree樹形選擇向后臺傳輸數據
之前已經基于el-tree實現了人員選擇功能。點擊此鏈接>>查看。但由于后續操作,我們還需要把選中數據的id值傳給后臺,所以現在還應想辦法獲取每條數據的id值。給el-checkbox添加change事件,當監聽到選中值時執行如下方法,有則刪除,沒有則添加:現在checkIdList數組中存的是選中數據的id值,由于后端接收的參數是字符串列表,id由,分割所以直接將數組join一下就得到了例如:1...
elementui 基于el-tree樹形選擇器實現人員選擇功能
之前已經基于el-tree實現了一個只有最后一級子節點可選擇的層級選擇器。點擊此鏈接>>查看。現在希望實現選中之后,右邊能同步展示已選擇的內容。如圖:后臺數據如圖所示,將獲取到的數據綁定到el-tree上,現在checkList數組中存的是每一條數據的label值。想實現右邊同步展示已選擇的內容,只需要為其綁定checkList數組即可,如圖所示:Ps:右邊使用的是vuedragger拖拽,有關拖...
Element表格實現不同分辨率下自適應
前端做網頁的時候總會遇到在不同的分辨率下適配的問題,element可以為表格設定固定寬度,但是遇到不同分辨率下可能會讓頁面出現滾動條。 先說一下思路,在頁面不是很復雜的情況下,就是獲取到窗口的高度,然后減去其他div區域的高度,剩下的全是表格的。這里有兩種解決思路,css屬性的vh和js的window.innerHeight。Css方法: 在css3中,vh和vw是視口單位,是相對長度單位。1...
自定義element表單驗證規則--正則表達式
因為需要對密碼和手機號進行一下表單驗證,然后去博客上借鑒了幾段,今天有空研究了一下正則,剛開始看確實挺麻煩,但其實就是一個判斷規則,這篇文章主要以正則表達式的介紹為主,關于element的驗證的代碼并還沒有深入研究,只是簡單提及一下,以一下兩段為例展示element自定義表單驗證。首先我們在data的return外構建一個簡單的判斷函數,其中value就是我們表單傳遞過來的需要驗證的數據,一般是選...
