电脑知识|欧美黑人一区二区三区|软件|欧美黑人一级爽快片淫片高清|系统|欧美黑人狂野猛交老妇|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网

您的位置:首頁技術(shù)文章
文章詳情頁

Element ui tree(樹)實現(xiàn)父節(jié)點選中時子節(jié)點不選中父節(jié)點取消時子節(jié)點自動取消功能

瀏覽:51日期:2022-06-13 10:09:11

Elementui因為vue在國內(nèi)的影響而受益 使用量巨大樹作為一種重要的開發(fā)組件應(yīng)用廣泛,今天帶大家了解樹的靈活應(yīng)用首先我們來創(chuàng)建一個樹

<el-tree :data='data'ref='tree'show-checkbox:check-on-click-node = 'true'node-key='perId':default-expanded-keys='[]':default-checked-keys='[]':indent = '10'> </el-tree>

我們會發(fā)現(xiàn)當(dāng)你選中一個父節(jié)點時他下面的所以子節(jié)點會被全部選中

我們可以用:check-strictly強制打斷父子節(jié)點的關(guān)聯(lián) (官方文檔 tree有詳細講解 :check-strictly屬性)當(dāng)這回我們會發(fā)現(xiàn):取消父節(jié)點時子節(jié)點依舊處于選中狀態(tài)

這是我們可以給一個勾選事件@check-change = “checkChange”check-change事件官方文檔Element ui tree有詳細介紹

checkChange(a,b,c){//如果為取消 if(b === false){ //如果當(dāng)前節(jié)點有子集 if(a.children){ //循環(huán)子集將他們的選中取消 a.children.map(item => { this.$refs.tree.setChecked(item.perId,false); }) } }else{ //否則(為選中狀態(tài)) //判斷父節(jié)點id是否為空 if(a.perParentId !== 0){ //如果不為空則將其選中 this.$refs.tree.setChecked(a.perParentId,true); } } this.tableData = this.$refs.tree.getCheckedNodes(); },

setChecked方法官方文檔有詳細介紹

到此這篇關(guān)于Element ui tree(樹)實現(xiàn)父節(jié)點選中時子節(jié)點不選中父節(jié)點取消時子節(jié)點自動取消功能的文章就介紹到這了,更多相關(guān)Element ui tree父節(jié)點選中時子節(jié)點不選中內(nèi)容請搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!

標簽: JavaScript
主站蜘蛛池模板: 红立方品牌应急包/急救包加盟,小成本好项目代理_应急/消防/户外用品加盟_应急好项目加盟_新奇特项目招商 - 中红方宁(北京) 供应链有限公司 | 仿古建筑设计-仿古建筑施工-仿古建筑公司-汉匠古建筑设计院 | AGV无人叉车_激光叉车AGV_仓储AGV小车_AGV无人搬运车-南昌IKV机器人有限公司[官网] | 清管器,管道清管器,聚氨酯发泡球,清管球 - 承德嘉拓设备 | 预制直埋蒸汽保温管-直埋管道-聚氨酯发泡保温管厂家 - 唐山市吉祥保温工贸有限公司 | 股指期货-期货开户-交易手续费佣金加1分-保证金低-期货公司排名靠前-万利信息开户 | B2B网站_B2B免费发布信息网站_B2B企业贸易平台 - 企资网 | 首页_中夏易经起名网| 世界箱包品牌十大排名,女包小众轻奢品牌推荐200元左右,男包十大奢侈品牌排行榜双肩,学生拉杆箱什么品牌好质量好 - Gouwu3.com | 档案密集架_电动密集架_移动密集架_辽宁档案密集架-盛隆柜业厂家现货批发销售价格公道 | 光环国际-新三板公司_股票代码:838504 | 客服外包专业服务商_客服外包中心_网萌科技 | 振动台-振动试验台-振动冲击台-广东剑乔试验设备有限公司 | 东莞市海宝机械有限公司-不锈钢分选机-硅胶橡胶-生活垃圾-涡电流-静电-金属-矿石分选机 | 快速门厂家批发_PVC快速卷帘门_高速门_高速卷帘门-广州万盛门业 快干水泥|桥梁伸缩缝止水胶|伸缩缝装置生产厂家-广东广航交通科技有限公司 | 富森高压水枪-柴油驱动-养殖场高压清洗机-山东龙腾环保科技有限公司 | 深圳南财多媒体有限公司介绍 | 有机肥设备生产制造厂家,BB掺混肥搅拌机、复合肥设备生产线,有机肥料全部加工设备多少钱,对辊挤压造粒机,有机肥造粒设备 -- 郑州程翔重工机械有限公司 | B2B网站_B2B免费发布信息网站_B2B企业贸易平台 - 企资网 | 光谱仪_积分球_分布光度计_灯具检测生产厂家_杭州松朗光电【官网】 | 上海平衡机-单面卧式动平衡机-万向节动平衡机-圈带动平衡机厂家-上海申岢动平衡机制造有限公司 | 高光谱相机-近红外高光谱相机厂家-高光谱成像仪-SINESPEC 赛斯拜克 | 爱德华真空泵油/罗茨泵维修,爱发科-比其尔产品供应东莞/杭州/上海等全国各地 | 混合生育酚_醋酸生育酚粉_琥珀酸生育酚-山东新元素生物科技 | 南京技嘉环保科技有限公司-杀菌除臭剂|污水|垃圾|厕所|橡胶厂|化工厂|铸造厂除臭剂 | 冰晶石|碱性嫩黄闪蒸干燥机-有机垃圾烘干设备-草酸钙盘式干燥机-常州市宝康干燥 | 818手游网_提供当下热门APP手游_最新手机游戏下载 | 百度关键词优化_网站优化_SEO价格 - 云无限好排名 | 培训无忧网-教育培训咨询招生第三方平台 | 对夹式止回阀_对夹式蝶形止回阀_对夹式软密封止回阀_超薄型止回阀_不锈钢底阀-温州上炬阀门科技有限公司 | 税筹星_灵活用工平台_企业财务顾问_财税法薪综合服务平台 | 水篦子|雨篦子|镀锌格栅雨水篦子|不锈钢排水篦子|地下车库水箅子—安平县云航丝网制品厂 | 清水混凝土修复_混凝土色差修复剂_混凝土色差调整剂_清水混凝土色差修复_河南天工 | ETFE膜结构_PTFE膜结构_空间钢结构_膜结构_张拉膜_浙江萬豪空间结构集团有限公司 | 仿真茅草_人造茅草瓦价格_仿真茅草厂家_仿真茅草供应-深圳市科佰工贸有限公司 | 砂石生产线_石料生产线设备_制砂生产线设备价格_生产厂家-河南中誉鼎力智能装备有限公司 | 吸音板,隔音板,吸音材料,吸音板价格,声学材料 - 佛山诺声吸音板厂家 | 超声波分散机-均质机-萃取仪-超声波涂料分散设备-杭州精浩 | 冷水机,风冷冷水机,水冷冷水机,螺杆冷水机专业制造商-上海祝松机械有限公司 | 金现代信息产业股份有限公司--数字化解决方案供应商 | 双舌接地线-PC68数字式高阻计-ZC36|苏海百科 |