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

您的位置:首頁技術文章
文章詳情頁

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

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

Elementui因為vue在國內的影響而受益 使用量巨大樹作為一種重要的開發(fā)組件應用廣泛,今天帶大家了解樹的靈活應用首先我們來創(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)當你選中一個父節(jié)點時他下面的所以子節(jié)點會被全部選中

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

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

checkChange(a,b,c){//如果為取消 if(b === false){ //如果當前節(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方法官方文檔有詳細介紹

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

標簽: JavaScript
主站蜘蛛池模板: 比亚迪叉车-比亚迪电动叉车堆垛车托盘车仓储叉车价格多少钱报价 磁力去毛刺机_去毛刺磁力抛光机_磁力光饰机_磁力滚抛机_精密金属零件去毛刺机厂家-冠古科技 | 聚合氯化铝_喷雾聚氯化铝_聚合氯化铝铁厂家_郑州亿升化工有限公司 | 517瓜水果特产网|一个专注特产好物的网站| 医院专用门厂家报价-医用病房门尺寸大全-抗菌木门品牌推荐 | 丁基胶边来料加工,医用活塞边角料加工,异戊二烯橡胶边来料加工-河北盛唐橡胶制品有限公司 | 创绿家招商加盟网-除甲醛加盟-甲醛治理加盟-室内除甲醛加盟-创绿家招商官网 | 精密机械零件加工_CNC加工_精密加工_数控车床加工_精密机械加工_机械零部件加工厂 | 威廉希尔WilliamHill·足球(中国)体育官方网站 | 蓝米云-专注于高性价比香港/美国VPS云服务器及海外公益型免费虚拟主机 | 环球电气之家-中国专业电气电子产品行业服务网站! | 高铝砖-高铝耐火球-高铝耐火砖生产厂家-价格【荣盛耐材】 | 金属切削液-脱水防锈油-电火花机油-抗磨液压油-深圳市雨辰宏业科技发展有限公司 | 岛津二手液相色谱仪,岛津10A液相,安捷伦二手液相,安捷伦1100液相-杭州森尼欧科学仪器有限公司 | 中式装修设计_全屋定制家具_实木仿古门窗花格厂家-喜迎门 | 球磨机 选矿球磨机 棒磨机 浮选机 分级机 选矿设备厂家 | 气力输送设备_料封泵_仓泵_散装机_气化板_压力释放阀-河南锐驰机械设备有限公司 | 私人别墅家庭影院系统_家庭影院音响_家庭影院装修设计公司-邦牛影音 | 手机存放柜,超市储物柜,电子储物柜,自动寄存柜,行李寄存柜,自动存包柜,条码存包柜-上海天琪实业有限公司 | 耐酸泵,耐酸泵厂家-淄博华舜耐腐蚀真空泵 | 精密五金加工厂-CNC数控车床加工_冲压件|蜗杆|螺杆加工「新锦泰」 | 铝镁锰板厂家_进口钛锌板_铝镁锰波浪板_铝镁锰墙面板_铝镁锰屋面-杭州军晟金属建筑材料 | 上海橡胶接头_弹簧减震器_金属软接头厂家-上海淞江集团 | 施工围挡-施工PVC围挡-工程围挡-深圳市旭东钢构技术开发有限公司 | 宝鸡市人民医院| 电子海图系统-电梯检验系统-智慧供热系统开发-商品房预售资金监管系统 | 气弹簧定制-气动杆-可控气弹簧-不锈钢阻尼器-工业气弹簧-可调节气弹簧厂家-常州巨腾气弹簧供应商 | 广州番禺搬家公司_天河黄埔搬家公司_企业工厂搬迁_日式搬家_广州搬家公司_厚道搬迁搬家公司 | RTO换向阀_VOC高温阀门_加热炉切断阀_双偏心软密封蝶阀_煤气蝶阀_提升阀-湖北霍科德阀门有限公司 | 拉曼光谱仪_便携式|激光|显微共焦拉曼光谱仪-北京卓立汉光仪器有限公司 | 聚氨酯催化剂K15,延迟催化剂SA-1,叔胺延迟催化剂,DBU,二甲基哌嗪,催化剂TMR-2,-聚氨酯催化剂生产厂家 | 济南货架定做_仓储货架生产厂_重型货架厂_仓库货架批发_济南启力仓储设备有限公司 | 无锡网站建设-做网站-建网站-网页设计制作-阿凡达建站公司 | 安徽成考网-安徽成人高考网 | NMRV减速机|铝合金减速机|蜗轮蜗杆减速机|NMRV减速机厂家-东莞市台机减速机有限公司 | 重庆网站建设,重庆网站设计,重庆网站制作,重庆seo,重庆做网站,重庆seo,重庆公众号运营,重庆小程序开发 | 整车VOC采样环境舱-甲醛VOC预处理舱-多舱法VOC检测环境仓-上海科绿特科技仪器有限公司 | BAUER减速机|ROSSI-MERSEN熔断器-APTECH调压阀-上海爱泽工业设备有限公司 | 环讯传媒,永康网络公司,永康网站建设,永康小程序开发制作,永康网站制作,武义网页设计,金华地区网站SEO优化推广 - 永康市环讯电子商务有限公司 | 垃圾压缩设备_垃圾处理设备_智能移动式垃圾压缩设备--山东明莱环保设备有限公司 | 东莞螺丝|东莞螺丝厂|东莞不锈钢螺丝|东莞组合螺丝|东莞精密螺丝厂家-东莞利浩五金专业紧固件厂家 | 偏心半球阀-电动偏心半球阀-调流调压阀-旋球阀-上欧阀门有限公司 |