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

  • 注册公司不开账户可以吗
  • 公司账户短期理财收益要交税吗
  • 外经证错了已经交了税怎么办
  • 报表没有其他收入怎么办
  • 使用党费要向哪里倾斜
  • 个体工商户取得经营所得的个人自行申报缴纳个人所得税
  • 公务员工资待遇标准表
  • 收益性支出应计入产品成本对吗
  • 长期股权投资属于金融资产吗
  • 手工做账流程图
  • 募集资金怎么算
  • 出售设备账务处理
  • 出口退税可以不申报是否需要缴纳增值税
  • 固定资产的摊销额计入什么科目
  • 进项发票里的印花税如何做账?
  • 违约支付罚款计入哪里
  • 核定征收的合伙企业 取得的投资收益
  • 收到投资款会计科目怎么做账
  • 研发费用加计扣除是什么意思啊
  • 在建工程可以质押吗
  • 电子发票没有纳税人识别号可以报销吗
  • 保证金计入哪个会计科目
  • 哪些行业需要缴纳水利建设基金
  • 预提待摊费用怎么做账
  • 研发用的原材料怎么开领料单
  • 出口转内销的销项税怎么计算
  • 以前年度多计提了税金怎么办
  • win10 删除文件 没有找到项目
  • 国家信用信息公司系公示
  • 公司购买基金怎样入账
  • u盘安装pe系统
  • 如何在数据透视表中增加一行
  • msscli.exe - msscli是什么进程 有什么用
  • 赡养老人支出如果有四个子女都要填吗
  • win10商店无法加载
  • 铁路运输企业所得税优惠
  • 切换到多任务界面
  • 企业所得税具体纳税筹划案例
  • 汇总开具的运输发票
  • php 访问数据库
  • thinkphp框架的作用
  • 重置java
  • 卷积神经网络CNN实验报告
  • 怎么买好空调
  • vue2 diff算法
  • 石油预付款发票怎么开
  • 固定资产计提完折旧报废的账务处理
  • 当月银行账可以下个月做吗
  • 帝国cms自动推送插件
  • phpcms v9搬家不同步怎么办
  • 金税四期主要监控的内容
  • 如何查询继续教育ic卡号
  • 红冲以前年度收入
  • 网上代增值税专用发票
  • 公司法人往来款账务处理
  • 工作经费是什么
  • 固定资产折旧计入什么费用
  • 向法人借款凭证摘要怎么写
  • 新担保法2021和担保期限
  • 旅行社的代订机票产品能报销吗
  • 研发支出资本化支出在资产负债表哪里体现
  • 销售额是营业额吗?
  • 微软新品发布
  • linux常用帮助命令
  • centos crontab每天执行
  • freebsd操作命令
  • macoshosts文件位置
  • win7开始图标怎么变大点
  • centos7.7安装
  • linux下时间同步的两种方法分享
  • pascl32.exe - pascl32是什么进程 有什么用
  • win降win7
  • win7 虚拟磁盘
  • js闭包解决了什么问题
  • android sql语句
  • js格式化输出
  • unity简单项目
  • 银行赠送礼品活动方案
  • 河南掌上登记手机号换了,登录不进去怎么办
  • 地税登记证和税务登记证是一样的吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设