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

  • 地铁广告流量就像笑话网站的流量 海量却未必有用(地铁广告收益)

    地铁广告流量就像笑话网站的流量 海量却未必有用(地铁广告收益)

  • 淘宝SEO自然搜索排名中的变化趋势(淘宝自然搜索的排名机制)

    淘宝SEO自然搜索排名中的变化趋势(淘宝自然搜索的排名机制)

  • 手机如何绑定社保卡(手机如何绑定社保卡跟家人)

    手机如何绑定社保卡(手机如何绑定社保卡跟家人)

  • hosts文件位置(window hosts文件位置)

    hosts文件位置(window hosts文件位置)

  • 荣耀30青春版和荣耀30的区别(荣耀30青春版和荣耀20哪个好)

    荣耀30青春版和荣耀30的区别(荣耀30青春版和荣耀20哪个好)

  • 华为账号保护解除不了(华为账号保护无法解除)

    华为账号保护解除不了(华为账号保护无法解除)

  • 华为p30的OTG设置(华为p30pro的OTG设置)

    华为p30的OTG设置(华为p30pro的OTG设置)

  • oppor17升级后开不了机(oppor17系统升级后没小欧了)

    oppor17升级后开不了机(oppor17系统升级后没小欧了)

  • 12599语音留言是谁发的(1259950006语音留言是什么意思)

    12599语音留言是谁发的(1259950006语音留言是什么意思)

  • 美团众包永久封禁,还能解封吗(美团众包永久封号了,注销账号了,重新注册可以解封吗)

    美团众包永久封禁,还能解封吗(美团众包永久封号了,注销账号了,重新注册可以解封吗)

  • 主板8pin用4pin可以吗(8pin供电主板用4pin供电)

    主板8pin用4pin可以吗(8pin供电主板用4pin供电)

  • 华为cdyan00是什么型号(cdyan00是华为哪个型号)

    华为cdyan00是什么型号(cdyan00是华为哪个型号)

  • p40插卡的地方在哪(华为p40插卡的地方)

    p40插卡的地方在哪(华为p40插卡的地方)

  • 红米k20下巴多少毫米(红米k30s下巴厚度)

    红米k20下巴多少毫米(红米k30s下巴厚度)

  • 机顶盒怎么连接到笔记本电脑(机顶盒怎么连接电视)

    机顶盒怎么连接到笔记本电脑(机顶盒怎么连接电视)

  • 三星s20有256g吗(三星s20只有128吗)

    三星s20有256g吗(三星s20只有128吗)

  • 乐划锁屏有什么用(乐划锁屏开启会对手机有伤害吗)

    乐划锁屏有什么用(乐划锁屏开启会对手机有伤害吗)

  • 红米note8pro内存卡在哪里(红米note8pro内存卡怎么装)

    红米note8pro内存卡在哪里(红米note8pro内存卡怎么装)

  • 正数的原码补码反码相同吗(正数的原码补码反码)

    正数的原码补码反码相同吗(正数的原码补码反码)

  • 一个iphone7多长厘米(iphone 7有多长)

    一个iphone7多长厘米(iphone 7有多长)

  • 手机寿命取决于什么(手机的寿命跟什么有关系)

    手机寿命取决于什么(手机的寿命跟什么有关系)

  • 苹果7p可以升级ios13吗(苹果7p可以升级ios14吗)

    苹果7p可以升级ios13吗(苹果7p可以升级ios14吗)

  • 11广角怎么用(iphone 11怎么用广角)

    11广角怎么用(iphone 11怎么用广角)

  • 苹果手机计算器怎么退位(苹果手机计算器怎么算三角函数)

    苹果手机计算器怎么退位(苹果手机计算器怎么算三角函数)

  • 箱线图怎么判断偏态(箱线图怎么判断分布)

    箱线图怎么判断偏态(箱线图怎么判断分布)

  • 配件销售过程中有什么注意事项
  • 出纳需不需要填工作单位
  • 研发费用加计扣除是什么意思啊
  • 制造业的税率是多少啊
  • 电子发票有使用期限吗
  • 个人所得税算错
  • 减免税额和抵免的区别
  • 企业自建房产可以抵押吗
  • 公司租车怎么抵税
  • 普通发票红字冲销发票怎么操作
  • 冲减留抵税会计分录
  • 境外企业向境内国外汇款
  • 税务部门如何核定税额
  • 核定征收印花税的计税依据是否含税
  • 单位个人实际困难怎么写
  • 卷帘机适用税率
  • 支票入账怎么填写
  • 劳务分包简易计税可以抵扣吗
  • 未确认融资费用摊销额怎么计算
  • 盘盈对应的入账科目
  • 关联方利息支出
  • 高新企业所得税税率10%
  • 支付装修款
  • 营业范围是销售范围吗
  • 进项税发票未认证
  • 备用金冲销会计怎么做账
  • 成本和费用有什么区别与联系
  • ElementPlusError:[ElPagination] 你使用了一些已被废弃的用法,请参考 el-pagination 的官方文档
  • 加入申请理由怎么写
  • 在win10中如何设置在开始菜单中显示应用列表
  • 坏账准备期末余额怎么计算
  • 未结算未取得发票怎么办
  • 有留抵税额怎么做分录
  • windows7中可以设置控制计算机
  • 广告公司的设计服务费计入什么科目
  • 计提资产减值准备是利好还是利空
  • 营业外收入不计入所有者权益吗
  • 固定资产盘盈为什么要调整所得税
  • 商誉减值后
  • vue中webpack用来干啥
  • websocket怎么读
  • php static变量
  • 应交增值税的账务处理有哪两种
  • 帝国cms导入模板后怎样调用
  • c语言中sizeof是啥意思
  • 如何用python给excel每一行添加序号
  • 出口属于什么行业
  • mysql创建存储过程sql语句
  • 递延收益的摊销时点
  • 疫情期间减免的养老保险算工龄吗
  • 销项税怎么做账
  • 房产税的政策依据
  • 混合销售举例说明
  • 小规模纳税人购买税控设备
  • 可供出售金融资产包括哪些内容
  • 印花税的计算公式应纳税所得额包含增值税吗
  • 数量金额式明细账余额怎么填
  • 现金流量表的编制基础是权责发生制
  • 应收其他应收区别
  • 长期待摊费用可以摊销20年吗
  • 期末结账账务处理
  • 关于mysql中的字符型数据下面说法正确的是
  • 在mysql中使用mysql workbench创建数据库
  • sqlserver重命名表名
  • vrvarp.exe是什么
  • windows7字体安装方法
  • win8 分屏
  • win8怎么禁用强制驱动签名
  • macos high sierra深色模式
  • Win7系统打开文件夹没有自动排列选项
  • Win10 PC RS2快速预览版14926更新与修复内容汇总
  • mac itunes在哪儿
  • 单线程语言有哪些
  • 简单解析空中三角测量的意义
  • js修改css样式属性不生效
  • unity的invoke
  • java learning
  • 预征率为2%预征税额怎么算
  • 陕西职工医保申请流程
  • 衰竭期矿山开采的矿产品减征幅度
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设