位置: 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专业版虚拟内存怎么设置
  • 工程服务的采购合同范本
  • 库存商品如何结转生产成本
  • 简要说明php web的工作流程
  • ElementPlusError:[ElPagination] 你使用了一些已被废弃的用法,请参考 el-pagination 的官方文档
  • MacOS Big Sur 11.3网页怎么设置时间限制?
  • PHP:Memcached::setSaslAuthData()的用法_Memcached类
  • 企业年金基金缴费必须归集到受托财产托管账户
  • 企业发放年终奖政府有哪些规定?
  • php消息实时推送完整示例
  • codelite怎么进行编译
  • 旅游业纳税筹划方案
  • 小规模纳税人收入会计分录
  • pytorch开源项目
  • 公司客户招待费用标准
  • CUDA版本选择
  • typescript event
  • 大模型时代的自然语言处理
  • yolov3怎么用
  • phpcms默认密码
  • mysql ndb innodb
  • 没有交过税怎么办
  • 长期股权投资哪些用成本法
  • 未入账的发票可以抵扣吗
  • php数据库网址
  • 迭代器实现原理
  • 社保代扣代缴的办理流程
  • 劳务派遣公司必须有劳务派遣证吗
  • 零税率与免税有关系吗
  • mysql drop from
  • 如何查询工商局每天入驻情况
  • 上年亏损次年赢亏怎么算
  • 运输公司赔偿账务处理
  • 发票未到成本如何做分录
  • 签劳动合同的员工有哪些
  • 银行汇票结算程序有哪些
  • mysql 5.7.30安装
  • sqlserver查询数据库数据量
  • win8 无线网络连不上
  • 启动mac问号文件夹闪烁怎么办
  • windows升级后c盘满了
  • PRISMSVR.EXE - PRISMSVR是什么进程 有什么用
  • setlang.exe - setlang是什么进程 有什么用
  • win7系统出现蓝屏
  • iptables防火墙规则
  • 在unity中单例的主要作用
  • bootstrap不支持ie
  • cocoscreator shader
  • nodequery
  • node.js gui
  • 浙江省网上税务局app下载
  • 税务师事务所牌匾
  • 云税票管家是什么软件
  • 海关税怎么交 怎么算
  • 上海市税务局发票怎么开
  • 2020年个税截止时间
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设