相關(guān)文章

• 

  基于Element-ui 表單彈窗列表選擇封裝

  不知道怎么描述這個東西了。。el-select下拉框大家都知道，但是下拉框只能選擇一個，而且如果數(shù)據(jù)太多的話也不太容易選擇，所以這里就是封裝了組件包含對應(yīng)的彈窗，就是能實現(xiàn)多選，而且列表也是分頁展示的，選擇完之后將對應(yīng)的名稱展示在文本框中，傳給后端對應(yīng)的

  2024年02月11日

  瀏覽(26)
• 

  element-ui dialog彈窗 設(shè)置點擊空白處不關(guān)閉

  根據(jù)官網(wǎng)提供方法 場景：vue實現(xiàn)的網(wǎng)站有兩個彈窗同時出現(xiàn)時，關(guān)閉報警，批量進(jìn)度條彈窗也關(guān)閉了， 1、每一個頁面都有可能出現(xiàn)的報警彈窗， 2、頁面a批量操控硬件添加操作的進(jìn)度條彈窗 開始以為是因為點擊報警彈窗，相當(dāng)于點擊modal(空白處)所以導(dǎo)致關(guān)閉報警彈窗的同

  2024年02月09日

  瀏覽(24)
• 

  Vue + element-ui form rules 校驗特殊格式數(shù)據(jù)（嵌套校驗）

  ?問題描述： ①? ? ?需要多層數(shù)據(jù)嵌套 表單驗證失效 ②? ? ?表單驗證事件? prop 匹配不到數(shù)據(jù)，value值undefined 。? ?首先 在頁面有一個新增功能? 如下圖 ： 泛化答案數(shù)據(jù)格式與正常表單驗證數(shù)據(jù)格式不同 （如圖）： ? ? 對象內(nèi)嵌套 多層嵌套后 校驗數(shù)組內(nèi)的值? 表單內(nèi)

  2024年02月08日

  瀏覽(28)
• 

  element-ui中更換el-dialog彈窗中默認(rèn)的關(guān)閉按鈕

  在使用 element-ui 框架里的 el-dialog 組件時，要修改彈窗里默認(rèn)的關(guān)閉圖標(biāo)；如下圖所示：左邊是想要替換后的；右邊是組件默認(rèn)的關(guān)閉圖標(biāo)； 通過檢查組件的元素；發(fā)現(xiàn)組件默認(rèn)的關(guān)閉是一個圖標(biāo)；通過圖標(biāo)的形式展現(xiàn)的。 那就可以通過 CSS 隱藏當(dāng)前的圖標(biāo)；然后在當(dāng)前圖標(biāo)

  2024年02月12日

  瀏覽(23)
• 

  小白都會的前端技能---修改element-ui里面的tree組件的icon圖標(biāo)

  在樹形組件中,我們渲染到頁面上通常來表示一個組織架構(gòu)的流程,但一般在做的時候會設(shè)置打開和關(guān)閉為兩個不同的字體圖標(biāo)并且在點擊的時候可以切換 如下效果圖: ? 打開之前是小加號圖標(biāo),打開之后是小減號圖標(biāo) 具體方法: 使用element-ui組件設(shè)置樣式: icon-class =\\\"圖標(biāo)類名\\\"可

  2023年04月18日

  瀏覽(27)
• 

  基于element-ui el-dialog組件封裝，可縮放+可移動的彈窗組件

  源碼下載 改組件繼承el-dialog組件百分之95屬性，可直接對el-dialog進(jìn)行替換。在項目中我的命名為： vue代碼 ：搞成組件，路徑隨意，推薦統(tǒng)一放在組件目錄下 拖動及縮放操作js代碼： 將skdialog.js注冊為指令： 目錄： 指令使用：（v-指令名稱（SkDialogDrag）） 效果圖： 注：吃水

  2024年02月03日

  瀏覽(31)
• 

  Vue中使用element-ui el-dialog彈窗最大化還原，拖拽，動態(tài)改變大小

  創(chuàng)建對應(yīng)的js文件 ??先在指定穩(wěn)定文件創(chuàng)建js文件，如src下創(chuàng)建diaLog.js文件,部分會提示紅色爆紅，可以不予理會，可以根據(jù)需求修改，如:彈框可拉伸最小寬高。 ? 2. 在main.js的引用 ??同時為了防止沖突，需要關(guān)閉closeOnClickModal（彈窗默認(rèn)點擊遮罩改為不關(guān)閉）,并添加標(biāo)簽

  2024年02月11日

  瀏覽(29)
• 

  Vue項目element-ui彈窗組件el-dialog、el-drawer，阻止點擊遮罩層關(guān)閉

  效果圖： 我們只需要設(shè)置這兩個 屬性 append-to-body :close-on-click-modal=“false” 注意 : 這里的close-on-click-modal屬性前需要寫入 :

  2024年02月12日

  瀏覽(33)
• 

  關(guān)于vue3+版本引入element-ui使用icon問題 （icon不顯示問題）vue3中input里面不顯示icon圖標(biāo)

  1)、引入 ?2)、效果： 出來了一個大圖標(biāo) ?3)、代碼 1)、引入 ?2)、效果： ?3)、代碼

  2024年02月16日

  瀏覽(28)
• 

  element-ui的el-form表單和el-table校驗嵌套使用校驗el-input和el-select

  場景:前端開發(fā)中,經(jīng)常會遇到比較多的表單填寫頁面,其中有el-form,el-table,表格的每一列中又嵌套著輸入框或者下拉框,然后每個還需要做單獨的校驗 效果: ? 點擊保存可校驗el-input和el-select是否有值，不符合校驗規(guī)則就標(biāo)紅提醒 ? 1.el-form里面嵌套el-table 2.在el-table-column自定義內(nèi)

  2024年02月02日

  瀏覽(32)