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

  • 苹果13promax屏幕分辨率是多少(苹果13promax修屏幕要多少钱)

    苹果13promax屏幕分辨率是多少(苹果13promax修屏幕要多少钱)

  • 场所码在哪里申请(场所码在哪里申请打印)

    场所码在哪里申请(场所码在哪里申请打印)

  • 苹果照片小组件怎么设置喜欢的照片(苹果照片小组件为什么显示无可用内容)

    苹果照片小组件怎么设置喜欢的照片(苹果照片小组件为什么显示无可用内容)

  • win10数字许可证激活(win10数字许可证激活可以维持多长时间)

    win10数字许可证激活(win10数字许可证激活可以维持多长时间)

  • 支付宝小鸡饲料容量最大多少(支付宝小鸡饲料今天答题)

    支付宝小鸡饲料容量最大多少(支付宝小鸡饲料今天答题)

  • 12306购票记录保存多久(12306历史订单保存多久)

    12306购票记录保存多久(12306历史订单保存多久)

  • 调相机在电力系统中起什么作用(调相机是电动机还是发电机)

    调相机在电力系统中起什么作用(调相机是电动机还是发电机)

  • 联想电脑管家怎么添加到桌面(联想电脑管家怎么下载)

    联想电脑管家怎么添加到桌面(联想电脑管家怎么下载)

  • vivo手机怎么传数据到新手机(vivo手机怎么传照片到电脑)

    vivo手机怎么传数据到新手机(vivo手机怎么传照片到电脑)

  • 什么是动态号码已失效(动态号码是啥意思)

    什么是动态号码已失效(动态号码是啥意思)

  • 苹果手机三包是哪三包(苹果手机 三包)

    苹果手机三包是哪三包(苹果手机 三包)

  • slaal00是什么型号(sla al00是什么型号什么价位)

    slaal00是什么型号(sla al00是什么型号什么价位)

  • 打印输出另存为什么意思(打印时为什么将打印输出另存为)

    打印输出另存为什么意思(打印时为什么将打印输出另存为)

  • skt-al00是华为什么型号(华为skt一al00)

    skt-al00是华为什么型号(华为skt一al00)

  • 腾讯地图如何标注地点(腾讯地图如何标注自己店铺位置要钱吗)

    腾讯地图如何标注地点(腾讯地图如何标注自己店铺位置要钱吗)

  • 苹果7诊断在哪里(苹果7诊断与用量在哪)

    苹果7诊断在哪里(苹果7诊断与用量在哪)

  • 苹果11哪天发售(iphone 11什么时候发售)

    苹果11哪天发售(iphone 11什么时候发售)

  • 手机焦距一般多大(手机焦距范围)

    手机焦距一般多大(手机焦距范围)

  • 电脑服务器品牌怎么查(电脑服务器品牌型号怎么查)

    电脑服务器品牌怎么查(电脑服务器品牌型号怎么查)

  • 数据挖掘怎么做啊什么是数据挖掘(数据挖掘怎么做出来的)

    数据挖掘怎么做啊什么是数据挖掘(数据挖掘怎么做出来的)

  • 手机微云怎么上传视频(手机微云怎么上传软件)

    手机微云怎么上传视频(手机微云怎么上传软件)

  • 微信好友删除后如何设置让对方看不到自己的朋友圈(微信好友删除后聊天记录怎么找到)

    微信好友删除后如何设置让对方看不到自己的朋友圈(微信好友删除后聊天记录怎么找到)

  • 注视感知功能是什么(注视感知功能是摄像头吗)

    注视感知功能是什么(注视感知功能是摄像头吗)

  • 苹果xs拍照声音怎么关(苹果xs拍照声音怎么没了)

    苹果xs拍照声音怎么关(苹果xs拍照声音怎么没了)

  • 谷歌浏览器adobe flash player已过期,如何更新?(谷歌浏览器adobe flash player已不再支持)

    谷歌浏览器adobe flash player已过期,如何更新?(谷歌浏览器adobe flash player已不再支持)

  • 所得税税前扣除项目及扣除标准
  • 个人名字的发票专用章
  • 银行的记账凭证怎么做
  • 个税0申报漏了2年可以补报
  • 税盘清卡截止每个月
  • 增值税发票税号0和O
  • 会计做账借贷怎么做
  • 哪些单位和个人可构成全宗
  • 政府收回土地使用权
  • 国外租赁行业都包括哪些
  • 增值税即征即退收入要交企业所得税吗
  • 现金报销银行账户
  • 购物开了增值税怎么退
  • 装修公司能开增值发票吗
  • 小规模纳税人差额征税
  • 免税发票有几种类型
  • 不缴地税国税可停票吗?
  • 保险代理的佣金怎么算
  • 打款给个体户
  • 生产成本转入库存商品金额怎么算
  • 货款打多了对方不愿意退款
  • 长期待摊费用与折旧区别
  • 个人报销汽油费会计分录
  • 电子税务局哪里打印发票
  • mac复制文件路径后怎么粘贴
  • 固定资产账面价值在什么情况下会出现负值
  • 电子发票如何作废冲红
  • Win11怎么设置开机跳过密码
  • .exe是啥
  • 销售补差是怎么算的
  • 未分配利润冲减其他应付款分录
  • php获取中文字符串长度
  • php有很多流行的mvc框架,这些框架可以
  • 原始凭证和审计证据的关系
  • 固定资产抵债债权人账务处理
  • 会计不忙
  • 热带雨林瀑布群雪野
  • 代收税款是什么意思
  • 使用php进行mysql数据库编程的基本步骤
  • burp怎么安装
  • 公司收加盟费合法吗?
  • 运输发票税金如何入账
  • python字符串方法总结
  • 国库集中支付发送签收失败
  • 人力资源公司的税率是多少
  • 织梦怎么用
  • mysql union和join
  • 一般纳税人零申报怎么报税步骤
  • 广告公司的一般纳税人税率是多少
  • 开房租发票交的税因优惠政策退税如何账务处理?
  • 增值税普票能抵税吗
  • 保险中介手续费规定最新
  • 小规模纳税人纳多少税
  • 待处理财产损益是什么意思
  • 个人独资企业一般纳税人享受六税两费
  • 企业间拆借资金是否合法
  • 应付职工薪酬代扣社保
  • 应交税费应交增值税减免税款
  • 一个营业执照可以开几个店铺
  • 什么是资产减值准备计提
  • 建账的过程包括哪些内容
  • MySQL主从同步原理介绍
  • mysql5.5解压版安装教程
  • Win7 64位旗舰版系统打开应用程序提示“发生未知的软件异常0xc06d007e”的解决方法
  • 如何安装vista
  • 苹果mac系统怎么截屏快捷键
  • 电脑蓝屏bios设置教程
  • 提升xp系统流畅度
  • centos7挂载
  • backupwx.exe
  • 六个自由
  • shell脚本运行linux命令
  • node.js教学
  • 自动寻路小说
  • Python随机生成数字求最小的三个数字
  • 中国海关化妆品关税
  • 个人取得抽奖,购车抵用,需要缴纳个人所得税吗
  • 安阳文峰区小学招生
  • 股权转让税务备案时间
  • 办理企业步骤
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设