解決 vue Element ui tree 不能單選的問題

codecook 發(fā)布于2019-08-22 17:04 / 3182人閱讀

摘要：在項目中遇到的需要使用控件進行選擇，如下圖本來的思路是在的事件里進行每次點擊進行清空但是在執(zhí)行此操作的時候，發(fā)現(xiàn)事件會逐漸的循環(huán)，導(dǎo)致選擇不上現(xiàn)在的思路是在每次進行點擊時，如果發(fā)現(xiàn)數(shù)據(jù)中已有該數(shù)據(jù)，便進行刪除沒有數(shù)據(jù)，擇進行添加，如果只有一

在項目中遇到的需要使用 tree 控件進行選擇，如下圖

本來的思路是在change的事件里進行每次點擊進行清空

this.$refs.tree.setCheckedKeys([]);

但是在執(zhí)行此操作的時候，發(fā)現(xiàn)change事件會逐漸的循環(huán)，導(dǎo)致選擇不上

現(xiàn)在的思路是：在每次進行點擊時，如果發(fā)現(xiàn)數(shù)據(jù)中已有該數(shù)據(jù)，便進行刪除

沒有數(shù)據(jù)，擇進行添加，如果只有一個數(shù)據(jù)，那么就把當(dāng)前的樹節(jié)點進行false選擇

代碼如下

this.selectOrg.orgsid 是一個中間數(shù)據(jù)，進行判斷，所以沒有使用默認(rèn)選擇的那個數(shù)組

然后就可以進行單選了

努力學(xué)習(xí)

GPU云服務(wù)器云服務(wù)器 element-ui element-ui dialog組件不能忽視的問題小車不能直走問題

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/94829.html

相關(guān)文章

一個基于vue和element-ui的樹形穿梭框組件

摘要：在市面上找到一個好用的樹形穿梭框組件都很難，又不想僅僅因為一個穿梭框在之外引入其他重量級插件，因此就有了。版本增加穿梭框左側(cè)右側(cè)數(shù)據(jù)勾選事件，穿梭框左側(cè)右側(cè)底部。 el-tree-transfer 簡介·請先閱讀文檔及版本說明因為公司業(yè)務(wù)使用vue框架，ui庫使用的element-ui。在市面上找到一個好用的vue樹形穿梭框組件都很難，又不想僅僅因為一個穿梭框在element-ui之...

Corwien 2019-08-22 18:33 評論0 收藏0
Vue高效UI組件庫—iView開發(fā)實踐

摘要：它的文檔也是相當(dāng)詳細(xì)，每個功能都配有詳細(xì)說明和實例代碼，直接復(fù)制就可以使用，我們也計劃在明年啟動英文文檔翻譯計劃。明年會啟動英文文檔翻譯計劃，也希望喜歡和支持，同時英語不錯的同學(xué)可以加入我們，一起參與翻譯。前段時間在微軟參加活動，分享了 TalkingData 開源的基于 Vue.js 的高效 UI 組件庫 iView 的一些開發(fā)經(jīng)驗，現(xiàn)整理成文，和大家探討。 showImg(htt...

wean 2019-08-21 14:43 評論0 收藏0
Vue + Vue-router + Element-ui 搭建一個非常簡單的dashboard d

摘要：但是有邊框，不好看啊再次美化使用使用圖標(biāo)庫安裝這里主要貼一下的改動，其他的代碼就不貼了看下效果圖標(biāo)什么的都有了。另外文件需要加上看看效果點擊菜單，路徑跳轉(zhuǎn)，并且每次都是單獨去加載路由的文件。做完這個demo后，我體會到，Vue組件化，webpack, Vue-router等，并不是很難學(xué)習(xí)，你需要的只是拿起斧頭的勇氣在做demo的過程中，我遇到一個問題，就是vue-router懶加載...

Near_Li 2019-08-21 17:38 評論0 收藏0
element ui中的select多選回顯之后不能正常編輯

摘要：由于項目需求，在項目中使用用到了中的組件的多選功能，多選之后保存回顯所選內(nèi)容，從后端會拿到一個數(shù)組，然后我把這個數(shù)組賦值給前端多選對應(yīng)的數(shù)組，這樣多選的數(shù)據(jù)可以正常顯示問題是回顯之后不能正常編輯，點擊刪除小圖標(biāo)也失效解決方法采用事件在事件中由于項目需求，在項目中使用用到了element中的select組件的多選功能（multiple），多選之后保存回顯所選內(nèi)容，從后端會拿到一個數(shù)組，...

dockerclub 2019-08-23 18:20 評論0 收藏0