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