位置: 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是什么进程 有什么作用

  • 华为手机怎样开空调(华为手机怎样开启悬浮窗)

    华为手机怎样开空调(华为手机怎样开启悬浮窗)

  • 微信朋友圈怎么发布(微信朋友圈怎么@一个人)

    微信朋友圈怎么发布(微信朋友圈怎么@一个人)

  • 得物怎么免运费(得物怎么免运费退货)

    得物怎么免运费(得物怎么免运费退货)

  • 支付宝健康码可以添加家人吗(支付宝健康码可以做核酸吗)

    支付宝健康码可以添加家人吗(支付宝健康码可以做核酸吗)

  • vivoiqoo的隐藏功能(vivoiqoo5隐藏功能)

    vivoiqoo的隐藏功能(vivoiqoo5隐藏功能)

  • 佳能2420l提示e00007(佳能2420l提示e000003)

    佳能2420l提示e00007(佳能2420l提示e000003)

  • 奇异果首月后可取消吗(奇异果首次会员一个月怎么算)

    奇异果首月后可取消吗(奇异果首次会员一个月怎么算)

  • 华为手机怎么做图片加文字(华为手机怎么做pdf文件)

    华为手机怎么做图片加文字(华为手机怎么做pdf文件)

  • 拼多多改规格有影响吗(拼多多修改产品规格会影响权限吗)

    拼多多改规格有影响吗(拼多多修改产品规格会影响权限吗)

  • 华为p20有红外线遥控功能吗(华为p20有红外线设备吗)

    华为p20有红外线遥控功能吗(华为p20有红外线设备吗)

  • iphonex摔了一下出现一块黑色(iphonex摔到后屏幕失灵)

    iphonex摔了一下出现一块黑色(iphonex摔到后屏幕失灵)

  • 网络互连有何实际意义(网络互连有哪几种形式)

    网络互连有何实际意义(网络互连有哪几种形式)

  • 电脑打开什么都没有怎么回事(电脑打开什么都是未响应怎么回事)

    电脑打开什么都没有怎么回事(电脑打开什么都是未响应怎么回事)

  • 手机一直充不进电怎么办(手机一直充不进去电是什么问题)

    手机一直充不进电怎么办(手机一直充不进去电是什么问题)

  • 苹果6s适合哪个版本的系统(苹果6s好不好用)

    苹果6s适合哪个版本的系统(苹果6s好不好用)

  • 手机wps怎么打勾(手机wps怎么打勾号打入已有方框中)

    手机wps怎么打勾(手机wps怎么打勾号打入已有方框中)

  • 应用未安装怎么解决(应用未安装怎么设置)

    应用未安装怎么解决(应用未安装怎么设置)

  • 华为mate20怎么退后台(华为mate20怎么退出华为账号)

    华为mate20怎么退后台(华为mate20怎么退出华为账号)

  • 电子保修卡在手机哪里(电子保修卡在手机哪里小米)

    电子保修卡在手机哪里(电子保修卡在手机哪里小米)

  • uc浏览器私密相册在哪(请问uc浏览器的隐私相册在哪里?)

    uc浏览器私密相册在哪(请问uc浏览器的隐私相册在哪里?)

  • 芒果tv账号在哪里看(芒果tv账号在哪里登陆)

    芒果tv账号在哪里看(芒果tv账号在哪里登陆)

  • 微信短视频怎么配音乐(微信短视频怎么发朋友圈)

    微信短视频怎么配音乐(微信短视频怎么发朋友圈)

  • 华为lndtl40什么型号(华为lnd-al40)

    华为lndtl40什么型号(华为lnd-al40)

  • 小米mix2s如何连接蓝牙耳机(小米mix2怎么连接无线耳机)

    小米mix2s如何连接蓝牙耳机(小米mix2怎么连接无线耳机)

  • 小米手机的白名单在哪里(小米手机的白名单在哪里取消)

    小米手机的白名单在哪里(小米手机的白名单在哪里取消)

  • mac键盘部分按键失灵(mac键盘部分按键失灵 开机不了)

    mac键盘部分按键失灵(mac键盘部分按键失灵 开机不了)

  • 未接电话删除了怎么找回(未接电话删除了还能查到吗)

    未接电话删除了怎么找回(未接电话删除了还能查到吗)

  • 电脑右下角弹窗广告无法关闭(电脑右下角弹窗广告怎么彻底清除)

    电脑右下角弹窗广告无法关闭(电脑右下角弹窗广告怎么彻底清除)

  • 怎么用u盘装系统win7(目前最新详细图文教程)(怎么用U盘装系统win7)

    怎么用u盘装系统win7(目前最新详细图文教程)(怎么用U盘装系统win7)

  • 出口企业的退税属不属于纳税总额
  • 不征税收入有哪些增值税
  • 工程施工的材料购进计入哪里
  • 个人所得税纳税义务人
  • 应收账款的账面价值和账面余额的区别
  • 退回的附加税能退回来吗
  • 网络文化传媒公司名字
  • 购买材料产生的运杂费怎么做分录
  • 领导报销发票挂哪个科目
  • 行政事业单位会计的工作内容
  • 金融业融资租赁
  • 车辆购置税能抵扣税款吗
  • 软件企业用退税吗
  • 停车场收入如何确认缴税
  • 坏账准备增加记什么方
  • 递延所得税怎么产生
  • 电子税务局财报怎么报
  • 坏账准备对利润表
  • 个人独资企业免费刻章吗
  • 注销未分配利润怎么处理账务
  • 代扣的工会会费和工会经费
  • 生产车间闲置的固定资产
  • php ftp管理系统
  • w10如何删除微软拼音
  • 拆除固定资产
  • vue中el-dialog
  • Laravel 5.4重新登录实现跳转到登录前页面的原理和方法
  • 微信小程序webview支付
  • yii gridview
  • 利得是什么举个例子
  • php的array
  • 什么是行政规费和税费
  • 中华人民共和国禁毒法第十三条规定
  • 库存商品用于研发要进项税额转出吗
  • 织梦怎么调用当前栏目下的文章
  • 自查补税行为有哪些方面
  • 个人所得税0申报什么意思
  • 购买银行理财产品安全吗
  • 企业所得税退税有风险吗
  • 资产处置损益和投资收益的区别
  • 个人所得税手续费比例
  • 外购豆油给送客户好吗
  • 企业购买随时准备出售的债券
  • 现金流量套期与公允价值套期的区别
  • 收入不足3000
  • 增值税专用发票的税率是多少啊
  • 进项转出做账做什么会计
  • 其他应收款押金的现金流量
  • 补充资本金有哪些途径
  • 利润总额和未分成比例
  • 主营业务成本怎么结转本年利润
  • 未完施工是存货吗
  • 餐饮食材成本高怎么形容
  • 特殊事项税务处理
  • 简单介绍清明上河图
  • sqlserver bulkcopy
  • freebsd使用wifi
  • win7旗舰版无法安装net4.0
  • avcodec.dll是什么意思
  • linuxwindows差别
  • centos7.0安装网卡驱动
  • netcfg -d
  • win7移动硬盘无法弹出
  • 修改centos的ip
  • windows多屏显示
  • win10mobile还能用吗
  • Linux Mount NTFS分区造成的权限问题如何解决?
  • win7升级到win10专业版教程
  • win8关机慢怎么办
  • linux网络中断
  • win7自带解压缩
  • python制作数字拼图
  • cocos2dx 不规则按钮的实现
  • 批量dns解析
  • unity简单项目
  • 使用灭火器时要对准火焰的什么部位喷射
  • 大征期和小征期的区别
  • 分公司的总公司
  • 广西城建投资集团官网
  • 福建省泉州市石狮市新服装城
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设