ElementUI折疊面板按鈕點(diǎn)擊觸發(fā)折疊問(wèn)題解決
最近為手術(shù)護(hù)理系統(tǒng)增加了一個(gè)菜單管理的頁(yè)面，該頁(yè)面由一個(gè)數(shù)字輸入框，修改按鈕，刪除按鈕，以及折疊面板組成。輸入數(shù)字點(diǎn)擊保存排序會(huì)更換順序，修改可以修改URL地址，圖標(biāo)Icon等，在開(kāi)發(fā)過(guò)程中發(fā)現(xiàn)一個(gè)問(wèn)
vue element-ui 圖片上傳組件
在vue項(xiàng)目中使用到上傳圖片功能那么久會(huì)用到el-upload組件，該組件就是封裝好的上傳文件功能，接下來(lái)看下使用過(guò)程 這里是el-upload的dom結(jié)構(gòu)，主要復(fù)寫(xiě)這幾個(gè)方法 a
element對(duì)話框路由跳轉(zhuǎn)后黑色遮罩層不消失怎么辦
之前的項(xiàng)目里出現(xiàn)了一個(gè)bug，需要在el-diglog里的彈出框進(jìn)行路由跳轉(zhuǎn)，這樣跳轉(zhuǎn)到下一個(gè)頁(yè)面后，黑色的遮罩層并沒(méi)有消失，需要點(diǎn)一下才會(huì)消失。 看到了這條屬性。 如果我們默認(rèn)開(kāi)啟的話，切換
如何快速清除element表單驗(yàn)證
表單驗(yàn)證是前端技術(shù)里比較常用的一項(xiàng)寫(xiě)法，element的表單驗(yàn)證尤其方便快捷，只需要通過(guò) rules 屬性傳入約定的驗(yàn)證規(guī)則，并將 Form-Item 的 prop 屬性設(shè)置為需校驗(yàn)的字段名即可。對(duì)用戶填入的內(nèi)容進(jìn)行接口請(qǐng)求之前，判斷用戶所輸入的是否符合預(yù)期規(guī)范，可以有效減少數(shù)據(jù)通信的壓力，同時(shí)，用戶也能直觀地看到那些是必須填寫(xiě)的項(xiàng)目和未填寫(xiě)的項(xiàng)目。 經(jīng)過(guò)判斷沒(méi)有錯(cuò)誤信息后通過(guò)，然后再請(qǐng)求接口。...
根據(jù)時(shí)間選擇器展示echarts軸時(shí)間
今天做頁(yè)面的時(shí)候有這樣一個(gè)需求，element的時(shí)間選擇器只能選擇一星期的數(shù)據(jù)，并且根據(jù)時(shí)間選擇器選擇的時(shí)間展示echarts軸的時(shí)間。這里一般的解決的方法是把時(shí)間范圍發(fā)給后端，后端會(huì)帶著數(shù)據(jù)返回。但是，前端也可以完成時(shí)間軸的獲取。 一、時(shí)間選擇一星期 Element有一個(gè)叫picker-options的屬性，可以控制禁止選取的日期。 它綁定data中的一個(gè)對(duì)象，對(duì)象中可...
elementui 基于el-tree 實(shí)現(xiàn)同步狀態(tài)修改
上一篇我們實(shí)現(xiàn)了el-tree中子節(jié)點(diǎn)的選擇與添加，此外，我們還需要實(shí)現(xiàn)點(diǎn)擊右側(cè)刪除按鈕的時(shí)候，左側(cè)選擇器的選中狀態(tài)同步改變，checkList數(shù)組和checkIdList數(shù)組對(duì)應(yīng)的數(shù)據(jù)能夠同步刪除。由于左側(cè)與右側(cè)綁定的是同一數(shù)組，只需要?jiǎng)h除時(shí)傳入item，將checkList中的item刪除，左側(cè)選擇器的選中狀態(tài)就可同步改變。如圖：此時(shí)還需要?jiǎng)h除checkIdList數(shù)組中對(duì)應(yīng)的id?？上妊h(huán)后...
