相關(guān)文章

• 

  vue2+ant-design-vue a-select組件二次封裝(支持單選/多選添加全選/分頁（多選跨頁選中）/自定義label)

  參數(shù) 說明 類型 默認(rèn)值 v-model 綁定值 boolean / string / number/Array - mode 設(shè)置’multiple’\\\'tags’多選 （顯示全選） String - optionSource 下拉數(shù)據(jù)源 Array - width select寬度（可以設(shè)置百分比或px） String 100% customLabel 是否自定義設(shè)置下拉label String - valueKey 傳入的 option 數(shù)組中，要作為最終選擇

  2024年02月08日

  瀏覽(31)
• 

  Vue通用下拉樹組件@riophae/vue-treeselect的使用

  這個(gè)是在若依框架無意中發(fā)現(xiàn)的一個(gè)下拉樹通用組件。@riophae/vue-treeselect 是一個(gè)基于 Vue.js 的樹形選擇器組件，可以用于選擇樹形結(jié)構(gòu)的數(shù)據(jù)。它支持多選、搜索、異步加載等功能，可以自定義選項(xiàng)的樣式和模板。該組件易于使用和擴(kuò)展，適用于各種類型的項(xiàng)目。 npm：https:

  2024年01月16日

  瀏覽(24)
• 

  antdvue tree-select樹選擇組件 選中值顯示label拼接父節(jié)點(diǎn)

  最近使用antdv的a-tree-select實(shí)現(xiàn)一個(gè)功能：選中子節(jié)點(diǎn)需要拼接父節(jié)點(diǎn) 如圖所示 問題就是 沒有直接的api可以支持 記錄一下解決方法 原本的使用 修改后 總結(jié) 就是利用labelInValue 屬性 處理顯示的title

  2024年02月13日

  瀏覽(22)

• Element UI 中使用el-cascader組件，可以選擇任意一級(jí)的內(nèi)容并取消單選框

  當(dāng)加入checkStrictly后就會(huì)出現(xiàn)單選框的問題，修改樣式即可；這里使用的less語法，需要有l(wèi)ess依賴，加入樣式后如果沒有生效，可以放在App.vue中的樣式下

  2024年02月04日

  瀏覽(32)
• 

  如何vue使用ant design Vue中的select組件實(shí)現(xiàn)下拉分頁加載數(shù)據(jù)，并解決存在的一個(gè)問題。

  ? ? 需求：拉下菜單中數(shù)據(jù)過多，200條以上，就會(huì)導(dǎo)致select組件卡死。所以需要使用滑動(dòng)到底部使其分頁加載 ? ? 可以借助 onPopupScroll 事件來監(jiān)聽下拉菜單的滾動(dòng)事件，并判斷當(dāng)前是否已經(jīng)到達(dá)了下拉菜單底部。具體可以通過以下步驟實(shí)現(xiàn)： ? ? 1、在組件中綁定?@popupScro

  2023年04月20日

  瀏覽(38)

• Vue3 - 解決使用 Tailwindcss 后導(dǎo)致 UI 組件庫樣式受影響，引入后發(fā)現(xiàn)項(xiàng)目組件庫的組件樣式不對(duì)了（Element/Ant Design Vue/Naive UI/TDesign）

  網(wǎng)上的教程都無法解決，但本文可以幫助您快速解決該問題。 當(dāng)項(xiàng)目引入 Tailwind css 后，使用 UI 組件庫的某些組件時(shí)，發(fā)現(xiàn)有些樣式丟失及顯示錯(cuò)位、背景色丟失等問題， 頻發(fā)于【按鈕組件】背景色丟失 | 【message消息提示組件】樣式位置變形等，嚴(yán)重的整個(gè)組件庫樣式都亂

  2024年02月07日

  瀏覽(29)
• 

  鍵盤win鍵無法使用，win+r不生效、win鍵沒反應(yīng)、Windows鍵失靈解決方案（親測(cè)可以解決）

  最近幾天發(fā)現(xiàn)自己筆記本的win鍵無法使用，win失靈了，但是外接鍵盤后則正常:。 這個(gè)問題困擾了我一周，我都以為自己的槍神壞了。 尋找了幾個(gè)解決方法，網(wǎng)上看了好多好多稀里糊涂的辦法，都是不管用的，這里給大家分享我的解法： 1：我的電腦其實(shí)是我按住Fn＋win，把

  2024年02月04日

  瀏覽(34)

• Ant react 組件報(bào)錯(cuò)解決整理 4.4

  1、[antd: Drawer] `visible` is deprecated which will be removed in next major version, please use `open` instead. 解決：將Drawer組件 visble 改為?open； 2、[antd: Descriptions] Sum of column `span` in a line not match `column` of Descriptions.? 解決：默認(rèn)一行顯示三個(gè)，一個(gè)占位一行，如果想占多列，請(qǐng)使用表格。 3、[a

  2024年02月12日

  瀏覽(29)
• 

  treeSelect樹組件設(shè)置父節(jié)點(diǎn)禁用

  項(xiàng)目開發(fā)中需求方提了這樣一個(gè)需求：下拉框數(shù)據(jù)是樹形結(jié)構(gòu)，但 父節(jié)點(diǎn)禁止點(diǎn)選，只能點(diǎn)擊子節(jié)點(diǎn) 。毫無疑問，選用的是 ant design vue 組件庫的 treeSelect 組件。但該組件默認(rèn)每一級(jí)節(jié)點(diǎn)都可以進(jìn)行選擇，不符合需求。于是開始看API，發(fā)現(xiàn) treeData 的 props 有這樣一個(gè)屬性：

  2024年02月06日

  瀏覽(13)
• 

  [VUE]Element_UI 實(shí)現(xiàn)TreeSelect 樹形選擇器

  最近在做一個(gè)人員管理系統(tǒng)，在增改用戶信息時(shí)，可能會(huì)設(shè)置用戶所在的部門，因?yàn)椴块T是多級(jí)的，于是想到用Element_UI的TreeSelect組件實(shí)現(xiàn) 效果： 安裝完成后，打開package.json 可以看到@riophae/vue-treeselect的版本： 在需要使用TreeSelect的組件中引入 并將Treeselect加到components中：

  2024年02月09日

  瀏覽(26)