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值;

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM