elementUI 级联框(el-cascader)组件非最后一级的点击事件

 这个是elementUI官网上对级联框的介绍:https://element.eleme.cn/#/zh-CN/component/cascader

一般情况下,级联框的数据都是固定写死或者数据是一次性(一个接口)返回来的,这样的话就只需要调用@change这个方法就可以实现当选中节点发生变化时的一系列操作。但在有些情况下,级联框的数据是一级一个接口返回来的。这样的话就需要在点击该节点是调用接口请求该节点下的下一级子节点。这样的话就需要使用到这个方法:active-item-change,这个方法的使用方法和change方法在使用上是一摸一样的,唯一的区别就是change是在最后一级选中节点发生变化时触发,active-item-change这个方法是在非最后一级选中节点发生变化时触发,即所有选中的父节点发生变化是触发,参数都是一个数组,分别对应自己的所有父节点,最后一个是自身的值。例如:

 

 

  选中最后一级的节点:一致,那么change的参数就是['指南','设计原则','一致']对应的value值;

选中第二级的节点:设计原则,那么active-item-change方法的参数就是['指南','设计原则']对应的value值;

 

posted @ 2020-04-14 17:12  翠瓜瓜  阅读(5374)  评论(0编辑  收藏  举报