【学生管理系统】element ui级联菜单bug

简介: 【学生管理系统】element ui级联菜单bug

级联后端 通过父id来进行查询

    @GetMapping("/{parentId}")
    public BaseResult findAllByParentId(@PathVariable("parentId") String parentId){
        //1 根据父id查询所有城市
        QueryWrapper<TbCity> queryWrapper = new QueryWrapper<>();
        queryWrapper.eq("parent_id",parentId);
        List<TbCity> list = tbCityService.list(queryWrapper);
        //2 返回结果
        return BaseResult.ok("查询成功", list);
    }

bug

41c81626648e4413a6823e6ec9833257.png

element ui级联在渲染的时候才触发ajax 后面再将数据给它的时候 它没有触发ajax进行查询 原因:

只有渲染的时候才触发ajax查询

解决方案

定义变量 隐藏级联

315d80e8919d4bd1adf76dccb63e5b89.png

点编辑的时候 查询到学生的信息 再把变量为true 这样就可以重新渲染 加载上


4a3251029f3a4f68855c621d703028dd.png


如果现在直接取消showCityCascader还是true 后面再点编辑级联ajax就触发不了


be88b6f574fa4253858c662d0fe47f43.png

定义一个方法 取消的时候把隐藏级联的控制变量为false 顺便关联弹框


相关文章
|
1月前
element ui实现多层级复杂表单的操作(添加与回显)之表单操作交互操作
element ui实现多层级复杂表单的操作(添加与回显)之表单操作交互操作
33 0
|
19天前
|
JavaScript
Vue给Element UI的el-popconfirm绑定按钮事件
Vue给Element UI的el-popconfirm绑定按钮事件
|
4天前
|
JavaScript
vue element ui 打开弹窗出现黑框问题
vue element ui 打开弹窗出现黑框问题
15 1
|
15天前
【UI】 element ui 表格没有数据时用--填充
【UI】 element ui 表格没有数据时用--填充
20 2
|
1月前
|
前端开发
element ui实现多层级复杂表单的操作(添加与回显)之回显功能实现
element ui实现多层级复杂表单的操作(添加与回显)之回显功能实现
14 0
|
1月前
|
JSON 数据格式
element ui实现多层级复杂表单的操作(添加与回显)之添加功能实现
element ui实现多层级复杂表单的操作(添加与回显)之添加功能实现
13 0
|
1月前
|
JavaScript 数据库
vue使用element ui实现下拉列表分页的功能!!!
vue使用element ui实现下拉列表分页的功能!!!
42 0
|
1月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
27 0
|
1月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
15 0
|
1月前
|
前端开发 JavaScript API
SAP UI5 sap.ui.require.toUrl 的作用介绍
SAP UI5 sap.ui.require.toUrl 的作用介绍
31 0

热门文章

最新文章