位置: IT常识 - 正文

解决element-ui动态加载级联选择器默认选中问题(Cascader)(elementuiicon)

编辑:rootadmin
解决element-ui动态加载级联选择器默认选中问题(Cascader) 前言

推荐整理分享解决element-ui动态加载级联选择器默认选中问题(Cascader)(elementuiicon),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:element ui bug,elemental ui,element-ui dialog,elementplus ui,elemental ui,elemental ui,element_ui,elemental ui,内容如对您有帮助,希望把文章链接给更多的朋友!

最近在开发任务中碰到需要在新增和修改时使用动态加载级联选择器,但是当在修改时设置默认选中项,出现了后端数据返回较慢,导致无法选中和级联框选中了但input框不显示的问题,网上找到的方法也不是很有效,还得使用ref查看组件实例和element-ui cascader源码来寻找解决方法。

完整的实现代码在最后

1. 解决方法

我们知道使用动态加载的级联选择器需要使用lazyLoad函数,那就先开始寻找lazyLoad函数,使用ref查看组件实例,可以看到是在panel下。

解决element-ui动态加载级联选择器默认选中问题(Cascader)(elementuiicon)

再来看看源码,可以发现只需要传入Object数据即可,如:this.$refs.xxx.panel.lazyLoad(val)。

知道了传参和调用,但是传参的参数从哪来?如下图可以看到是从this.$refs.xxx.panel.menus[0]循环比对获取。

如果后端数据返回快的话可以达到要实现的选中效果,如果后端数据返回的较慢就会出现没选中的情况(可以自己在lazyLoad加个一秒延迟测试),这时就需要使用handleExpand(handleExpand也在panel下),并且要在请求结束后执行handleExpand,如何在请求结束时执行handleExpand,我们对代码进行如下修改:

本文链接地址:https://www.jiuchutong.com/zhishi/283239.html 转载请保留说明!

上一篇:大叶绣球花上的一对日本树蛙,日本滋贺 (© Mitsuhiko Imamori/Minden)(绣球花的叶子出现了斑点,这是怎么了?)

下一篇:ireike.exe - ireike是什么进程 有什么作用

  • 苹果微信主题怎么设置皮肤(苹果微信主题怎么设置皮肤猫和老鼠)

    苹果微信主题怎么设置皮肤(苹果微信主题怎么设置皮肤猫和老鼠)

  • b站怎么找到自己发的评论(b站怎么看自己点赞过的视频)

    b站怎么找到自己发的评论(b站怎么看自己点赞过的视频)

  • 蚂蚁森林能量成熟时间可以更改吗(蚂蚁森林能量成熟时间倒计时)

    蚂蚁森林能量成熟时间可以更改吗(蚂蚁森林能量成熟时间倒计时)

  • 为什么拍的视频发抖音就不清晰了(为什么拍的视频发朋友圈就不清晰了)

    为什么拍的视频发抖音就不清晰了(为什么拍的视频发朋友圈就不清晰了)

  • 华为mate30快捷键怎么设置(华为mate30快捷键如何重命名)

    华为mate30快捷键怎么设置(华为mate30快捷键如何重命名)

  • qq涉及违规操作什么意思(qq业务违规操作冻结是什么)

    qq涉及违规操作什么意思(qq业务违规操作冻结是什么)

  • 小米10和10青春版有什么区别(小米10与小米10青春)

    小米10和10青春版有什么区别(小米10与小米10青春)

  • 手机上的wps闪退怎么处理(手机wps闪退怎么办如何找回文件)

    手机上的wps闪退怎么处理(手机wps闪退怎么办如何找回文件)

  • 淘宝昵称和会员名有什么区别(淘宝昵称和会员名)

    淘宝昵称和会员名有什么区别(淘宝昵称和会员名)

  • 短信拦截怎么查(短信拦截在哪里查)

    短信拦截怎么查(短信拦截在哪里查)

  • fk苹果序列号是什么版(iphone序列号 f)

    fk苹果序列号是什么版(iphone序列号 f)

  • 动画格式有哪些(动画文件的格式主要有哪些)

    动画格式有哪些(动画文件的格式主要有哪些)

  • word文档文字怎么竖排(word文档文字怎么放大)

    word文档文字怎么竖排(word文档文字怎么放大)

  • qq的绿钻有什么用(qq绿钻是什么意思)

    qq的绿钻有什么用(qq绿钻是什么意思)

  • word文档图片背景改为透明(Word文档图片背景怎么换成透明)

    word文档图片背景改为透明(Word文档图片背景怎么换成透明)

  • 赞美母亲的诗歌(赞美母亲的诗歌有哪些)

    赞美母亲的诗歌(赞美母亲的诗歌有哪些)

  • 苹果蓝牙耳机二代怎么充电(苹果蓝牙耳机二代和三代哪个好用)

    苹果蓝牙耳机二代怎么充电(苹果蓝牙耳机二代和三代哪个好用)

  • tpc数据线是干什么用的(tpc充电线和普通的有什么区别)

    tpc数据线是干什么用的(tpc充电线和普通的有什么区别)

  • 如何制作动漫小视频(如何制作动漫小短片)

    如何制作动漫小视频(如何制作动漫小短片)

  • 苹果手机怎么打日语(苹果手机怎么打不开无线局域网)

    苹果手机怎么打日语(苹果手机怎么打不开无线局域网)

  • Win8如何连接到无线网络?(win8系统怎么连接无线)

    Win8如何连接到无线网络?(win8系统怎么连接无线)

  • 重装Win7系统鼠标键盘不能用的解决方法(重装win7系统鼠标键盘没反应)

    重装Win7系统鼠标键盘不能用的解决方法(重装win7系统鼠标键盘没反应)

  • 我们买得起nook,kindle fire可我们买不起书啊(我们买得起一辆新车吗?英文)

    我们买得起nook,kindle fire可我们买不起书啊(我们买得起一辆新车吗?英文)

  • 快递费包不包括送货上门
  • 关税的计算公式是什么
  • 个税系统里的收入包括什么
  • 外购商品捐赠进哪个科目
  • 公允价值变动损益增加记哪方
  • 未交增值税最后到哪去了
  • 哪些合同不需要缴纳印花税的通知
  • 报销交通费的会计怎么做
  • 生产事故造成怎么样赔付
  • 资产评估机构可以评估土地吗
  • 财付通-备付金账户
  • 公司商务卡可以日常消费
  • 企业预付一年的房租怎么做分录
  • 作废发票 红字发票
  • 车改补贴是否计入工资总额
  • 计提递延所得税费用会计分录
  • 溢价转让股权的会计处理
  • 加速折旧的会计分录
  • 利润分成的会计分录
  • 工会收到单位拨款怎么办
  • 电脑任务栏图标怎么移到左边
  • win10检测系统
  • mac双系统删除window后怎么重新恢复
  • 小规模纳税人确认收入时要确认税吗
  • 电费发票和实际交的钱不一样怎样支付
  • 分配的水电费属于什么会计要素
  • win10应用图标怎么调出来
  • 怎么把浏览器屏幕缩小
  • 公司邮票报销
  • 哪些企业需进行预算管理
  • 支付宝账户收到100块钱如何用
  • 期货公司向客户收取的保证金属于谁所有
  • lsass.exe是什么进程
  • 利息费用可扣除什么
  • 金融企业存出保函的条件
  • 出口退税退的是啥
  • 百慕大玛丽号
  • 图片防止侵权怎么写
  • 多模手机
  • 利用php抓取蜘蛛网
  • 小规模纳税人可以开增值税专用发票吗
  • 企业从政府取得的非货币资产应该按照什么计量
  • 织梦网站怎么添加关键词
  • 其他应收款的审定表怎么填
  • 用于福利费的增值税账务处理
  • MySQL中使用命令行查看二进制文件
  • 所得税纳税年度
  • 跨区域缴纳个税相关规定
  • 工程建设项目融资方式有哪些
  • 会计账务处理程序有哪些类型
  • 应付账款的主要风险点
  • 报价中含税和不含税比例
  • 试算平衡表的编制方法
  • 待认证进项税额期末怎么办
  • 捐赠支出算费用吗
  • 核定征收需要带什么资料
  • 注册表修改后如何生效
  • 杭州租房补贴社保断缴影响
  • linux 下VSFTP 530 Permission denied错误的解决方法
  • 双系统没有选择
  • macos 关闭屏幕
  • win7自带的软件
  • centos基本操作命令
  • linux如何结束正在运行的进程
  • windows8输入法
  • 系统自带邮件
  • Tutorial 4: Shaders
  • 最新推荐美剧
  • python true的用法
  • Node.js中的construct构造函数
  • django发送请求
  • vue vue cli
  • javascript编写
  • android自定义组件开发详解
  • jqgrid loadcomplete
  • 新一代票据系统怎么开通
  • 如何查询车辆购买的保险
  • 高新企业公布
  • 国税系统公务员调动
  • ca如何办理退休手续办理流程
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设