草庐IT

antd级联选择器(a-cascader)动态加载和动态回显效果实现

文章目录1、介绍2、效果图如下图所示:(只实现3层的)3、实现方法(1)层级可单独选择(2)组件使用(3)data数据(4)实现动态加载数据1、提示:options的数据格式是这样的2、methods方法3、异步加载数据方法4、获取2,3级组织列表(5)编辑回显1、介绍​需要实现级联选择器动态拿到每一层级的数据并显示,同时在编辑数据时弹框回显对应的层级关系。2、效果图如下图所示:(只实现3层的)3、实现方法(1)层级可单独选择​给组件添加:checkStrictly="true"这个属性就可以实现单独勾选一级、二级、三级组织关系。(官方api没有写)(2)组件使用​首先先在html里模态框上写

antd级联选择器(a-cascader)动态加载和动态回显效果实现

文章目录1、介绍2、效果图如下图所示:(只实现3层的)3、实现方法(1)层级可单独选择(2)组件使用(3)data数据(4)实现动态加载数据1、提示:options的数据格式是这样的2、methods方法3、异步加载数据方法4、获取2,3级组织列表(5)编辑回显1、介绍​需要实现级联选择器动态拿到每一层级的数据并显示,同时在编辑数据时弹框回显对应的层级关系。2、效果图如下图所示:(只实现3层的)3、实现方法(1)层级可单独选择​给组件添加:checkStrictly="true"这个属性就可以实现单独勾选一级、二级、三级组织关系。(官方api没有写)(2)组件使用​首先先在html里模态框上写