成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

解決 vue Element ui tree 不能單選的問(wèn)題

codecook / 3193人閱讀

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

在項(xiàng)目中遇到的需要使用 tree 控件進(jìn)行選擇，如下圖

本來(lái)的思路是在change的事件里進(jìn)行 每次點(diǎn)擊進(jìn)行清空

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

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

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

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

代碼如下

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

然后就可以進(jìn)行單選了

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/94829.html

相關(guān)文章

  • 一個(gè)基于vue和element-ui的樹(shù)形穿梭框組件

    摘要：在市面上找到一個(gè)好用的樹(shù)形穿梭框組件都很難，又不想僅僅因?yàn)橐粋€(gè)穿梭框在之外引入其他重量級(jí)插件，因此就有了。版本增加穿梭框左側(cè)右側(cè)數(shù)據(jù)勾選事件，穿梭框左側(cè)右側(cè)底部。 el-tree-transfer 簡(jiǎn)介·請(qǐng)先閱讀文檔及版本說(shuō)明 因?yàn)楣緲I(yè)務(wù)使用vue框架，ui庫(kù)使用的element-ui。在市面上找到一個(gè)好用的vue樹(shù)形穿梭框組件都很難，又不想僅僅因?yàn)橐粋€(gè)穿梭框在element-ui之...

    Corwien 評(píng)論0 收藏0

  • Vue高效UI組件庫(kù)—iView開(kāi)發(fā)實(shí)踐

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

    wean 評(píng)論0 收藏0

  • Vue + Vue-router + Element-ui 搭建一個(gè)非常簡(jiǎn)單的dashboard d

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

    Near_Li 評(píng)論0 收藏0

  • element ui中的select多選回顯之后不能正常編輯

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

    dockerclub 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<