位置: 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年新注册公司
  • 小规模公司缴税以后公转私
  • 合伙制创投企业
  • 外汇资本金入账要求
  • 长期股权投资的交易费用计入哪里
  • 单位表彰性奖金是什么
  • 企业支付的工伤赔偿需要什么材料
  • 国税是负税需要缴税吗
  • 地税局开票需要什么资料
  • 装修公司一般纳税人纳税标准
  • 小微企业季度超过30万怎么报增值税
  • 坏账准备的计提应当关注
  • 收回代付费用用什么科目
  • 零售金银首饰消费税税率是多少
  • 代开普通发票要什么材料?
  • 自产自销的茶叶要交增值税吗
  • php导入
  • win11怎么双击直接打开程序
  • smart制作
  • php floor()
  • c#openxml
  • 应收账款逾期的危险信号
  • 金融资产减值损益怎么算
  • 自产自销农产品发票如何开具
  • 双峰骆驼什么意思
  • php访问数据库的一般步骤
  • 微信小程序获取位置信息的权限在哪里修改位置
  • 个人所得税现金流量表属于哪一项
  • 深度计算公式
  • php数据库搭建
  • 关于申请补发工资的申请
  • 贷款利息现金流量项目
  • 股东投资款超过注册资金的案例
  • 待摊费用在资产负债表中怎么表示
  • 劳务派遣小规模开票几个点
  • api接口安全措施
  • mongodb使用教程
  • 支付债券发行费怎么算
  • sql2008降级2005
  • mysql查询时间段的交集数据
  • 筹建期间的开办费属于资产吗
  • 股东权益合计是净资产吗
  • 对公账户 退款
  • 净水设备配件计算方法
  • 资产负债表中应交税费为负数是什么意思
  • 环境检测费属于什么费用
  • 年初建账的期初余额
  • 如何进行企业建账
  • 除MSSQL数据库text字段中恶意脚本的删方法
  • linux的日志文件
  • win8.1退回win8
  • xp系统中制作动画的软件
  • ubuntu文本编辑器怎么打开
  • helpcfg是什么文件
  • asmproserver.exe是什么进程 asmproserver进程信息查询
  • win7开机出现两个系统选项
  • win7旗舰版怎么改成专业版
  • windows8运行窗口怎么打开
  • linuxmint设置中文
  • unity优化方案
  • 日历插件vue
  • unity怎么用
  • android属性动画
  • firefox margin-top失效的原因与解决办法
  • 使用jquery mobile时,jquery文件必须
  • 详解 linux mysqldump 导出数据库、数据、表结构
  • android采用什么软件架构?
  • javascript中函数
  • jquery控制css样式
  • javascript获取css
  • jquery中有几种方法可以来设置和获取样式
  • js对象判断
  • python中django框架
  • python计算字符串长度的程序
  • 即征即退什么时候确认收入
  • 青岛税税通怎么切换企业
  • 河南省印花税核定征收暂行办法
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设