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

  • 计提工资年底余额所得税处理
  • 城建税计算方法有哪些
  • 定金冲抵货款怎么做分录
  • 净利润和盈余公积的会计分录
  • 留抵税额下月抵扣的分录
  • 实缴注册资本交税吗
  • 商品进销差价属于流动资产吗
  • 个税申报没填过租房信息,却有怎么回事
  • 社保缴费回单怎么查
  • 2019年工会经费新规定
  • 建筑公司核定征收所得税怎么算
  • 调增企业所得税怎么算
  • 承兑到期没兑现怎么处理
  • 代扣代缴增值税纳税义务发生时间
  • 固定资产融资租赁账务处理
  • 低价股权转让是利空还是利好
  • 以非现金资产清偿债务的会计处理
  • 新产品开发费用怎么扣除
  • 渔业专业合作社简介
  • 计提年终奖金的会计分录怎么写
  • 去国税申请开票需要法人和财务去吗?
  • 发票为什么会查不到信息
  • 预付款税率是多少
  • 住房公积金业务挂起
  • 上年度职工工资总额
  • 企业收取的延期付款利息需要征消费税和增值税
  • 土地转让应交税费
  • 税控设备 抵减
  • deepin20.1怎么样
  • win8系统怎么连接无线
  • 房产税存在往期未申报信息怎么处理
  • 异地工程预缴增值税怎么计算
  • 初级会计应收账款例题
  • 显卡的散热
  • 绩效奖个人所得怎么算
  • php检测是否登录
  • 会计人员填制的记账凭证并不是登记账簿的唯一依据
  • 加里西亚省
  • 基于thinkphp的cms
  • php同时使用session和cookie来保存用户登录信息的实现代码
  • php制作的大型网站
  • day01-GUI坦克大战01
  • 进销存使用视频
  • 帝国cms使用手册
  • 金蝶标准版怎么查应收应付款
  • 发票开预付卡充值可以计入费用吗
  • 什么情况下计入库存商品
  • 固定资产清理净损益怎么计算出来的
  • 免税收入与不征收的区别
  • 收到的稳岗补贴是否需要交税
  • 固定资产清理会计处理
  • 安置用房视同销售,怎么确认扣除费用?
  • 什么叫特定资产和负债
  • 旅客运送的一般规定
  • gridview自定义排序
  • win8系统中断怎么解决
  • unix系统采用什么结构
  • win8系统怎样安装
  • win10如何设置视频缩略图
  • apache禁用trace方法
  • spyware.exe - spyware是什么进程
  • WIN10系统中没有接入音频设备 要启动gui
  • 使用windows管理无线
  • win10右下角功能列表不见了
  • threejs加载obj模型颜色不对
  • Node.js + Redis Sorted Set实现任务队列
  • Time、Set、Smartdrv命令的使用方法
  • js数组菜鸟教程
  • python爬取csdn
  • unity火球特效
  • PHP+jquery+ajax实现分页
  • node转go
  • node.js操作数据库报错不再队列中
  • 深入理解javascript特性.pdf
  • javascript高级语言
  • 普通发票开具系统
  • 国家税务局扬州
  • 长春国税局科员工资是多少
  • 什么是个人所得税起征点
  • 吉林省职称查询入口
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设