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

codecook 發布于2019-08-22 17:04 / 3188人閱讀

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

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

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

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

但是在執行此操作的時候，發現change事件會逐漸的循環，導致選擇不上

現在的思路是：在每次進行點擊時，如果發現數據中已有該數據，便進行刪除

沒有數據，擇進行添加，如果只有一個數據，那么就把當前的樹節點進行false選擇

代碼如下

this.selectOrg.orgsid 是一個中間數據，進行判斷，所以沒有使用默認選擇的那個數組

然后就可以進行單選了

努力學習

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/94829.html

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

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

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

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

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

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

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

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

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