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

  • oppor9m怎么分屏(oppor9m手机如何分屏)

    oppor9m怎么分屏(oppor9m手机如何分屏)

  • 华为p40尺寸多少(华为p40的尺寸长宽高)

    华为p40尺寸多少(华为p40的尺寸长宽高)

  • 红米k20pro指纹不灵敏(红米k20pro尊享版指纹解锁不灵敏)

    红米k20pro指纹不灵敏(红米k20pro尊享版指纹解锁不灵敏)

  • 微信间歇性收不到信息(微信间歇性收不到消息)

    微信间歇性收不到信息(微信间歇性收不到消息)

  • 如何关闭笔记本摄像头指示灯(如何关闭笔记本电脑自带的键盘)

    如何关闭笔记本摄像头指示灯(如何关闭笔记本电脑自带的键盘)

  • 朋友圈能发多少文字(朋友圈能发多少分钟的视频)

    朋友圈能发多少文字(朋友圈能发多少分钟的视频)

  • wps如何冻结指定的行和列(wps2019如何冻结指定的行和列)

    wps如何冻结指定的行和列(wps2019如何冻结指定的行和列)

  • 华为平板能插手机卡吗(华为平板能插手绘板吗)

    华为平板能插手机卡吗(华为平板能插手绘板吗)

  • 靠近cpu的内存插槽失灵(靠近cpu的内存插槽和显卡插槽均不能使用)

    靠近cpu的内存插槽失灵(靠近cpu的内存插槽和显卡插槽均不能使用)

  • 透明手机壳变黄了怎么办(透明手机壳变黄怎么变白)

    透明手机壳变黄了怎么办(透明手机壳变黄怎么变白)

  • 老年机只能打紧急电话怎么回事(老年机只能打紧急呼叫电话怎么回事)

    老年机只能打紧急电话怎么回事(老年机只能打紧急呼叫电话怎么回事)

  • 丝瓜视频无法安装咋回事(丝瓜视频无法安装,请删掉旧版怎么解决啊)

    丝瓜视频无法安装咋回事(丝瓜视频无法安装,请删掉旧版怎么解决啊)

  • 技嘉u盘启动快捷键是f几(技嘉u盘启动快捷键,BIOS找不到U盘启动项解决方法)

    技嘉u盘启动快捷键是f几(技嘉u盘启动快捷键,BIOS找不到U盘启动项解决方法)

  • oppo怎么退出盲人模式(oppo怎么退出盲人设置)

    oppo怎么退出盲人模式(oppo怎么退出盲人设置)

  • 爱奇艺账号注销后手机号码能马上用吗(爱奇艺账号注销后还会自动续费吗)

    爱奇艺账号注销后手机号码能马上用吗(爱奇艺账号注销后还会自动续费吗)

  • word不小心关闭没保存(word不小心关闭没保存2010)

    word不小心关闭没保存(word不小心关闭没保存2010)

  • 拼多多在哪里投诉(拼多多在哪里投诉快递员?)

    拼多多在哪里投诉(拼多多在哪里投诉快递员?)

  • 手机qq缓存的图片在哪(手机QQ缓存的图片视频在哪)

    手机qq缓存的图片在哪(手机QQ缓存的图片视频在哪)

  • 淘宝主图视频怎么下载(淘宝主图视频怎么制作)

    淘宝主图视频怎么下载(淘宝主图视频怎么制作)

  • 华为mate30是什么处理器(mate30属于什么档次手机)

    华为mate30是什么处理器(mate30属于什么档次手机)

  • hdmi转vga音频怎么办(hdmi转vga线带音频和不带音频有什么区别)

    hdmi转vga音频怎么办(hdmi转vga线带音频和不带音频有什么区别)

  • 华为p30广角怎么用(华为p30pro广角)

    华为p30广角怎么用(华为p30pro广角)

  • 平安树的养殖方法和注意事项(平安树的养殖方法和浇水时间)

    平安树的养殖方法和注意事项(平安树的养殖方法和浇水时间)

  • win10任务栏变成白色怎么恢复(win10任务栏变成黑色)

    win10任务栏变成白色怎么恢复(win10任务栏变成黑色)

  • reader_sl.exe - reader_sl进程有什么用.

    reader_sl.exe - reader_sl进程有什么用.

  • 应收出口退税金额无法收回怎么做账?
  • 小规模纳税人城市维护建设税税率
  • 进项税额转出还能认定虚开吗
  • 现金日记账1月怎么算
  • 小规模免增值税的账务处理
  • 工伤事故赔偿项目表
  • 软件企业收到先征后返的增值税税款是否要缴纳企业所得税
  • 前期差错更正会引起所有者权益总额变动吗
  • 无效产权转移的契税需要征收吗
  • 年终奖有计算公式吗
  • 未结转损益可以结账吗
  • 现金折扣税前扣除
  • 预付办公室装修款
  • 政府扶持资金是什么意思
  • 营改增前城建税的税率
  • 专票怎么提交不上去
  • 税控系统服务质量调查报告
  • 政府回收土地要交土地增值税吗
  • 维修材料属于什么会计科目
  • 统计机构收到公开申请()内予以答复
  • 开具红字发票退税准备什么资料?
  • 单独出售的包装物是否属于包装物的核算范围
  • windows10如何设置密码
  • windos10不显示桌面
  • mac软件打开提示意外退出
  • 以前年度应交税费调整
  • php的数组函数
  • win10右键新建卡死
  • 出口货物退税率为0,是否出口免税
  • PHP:pg_query()的用法_PostgreSQL函数
  • 支付代销手续费缴纳增值税吗
  • uni-app实战教程
  • pnp.npn
  • php ftp函数
  • laslajas大教堂
  • php数组求最大值
  • 预缴所得税会计分录咋做
  • 哪些情形视同从境外取得收入:
  • 退回的货款应该记什么费用
  • 高新技术企业研发费用加计扣除
  • 应付票据帐务处理
  • 非限定性收入属于什么科目?
  • 附加税申报核心内容
  • mysql常用命令有哪些
  • 个体工商户核算方式填什么
  • 分期收款销售的特点是描述正确的是
  • 最新减免税申报表填写举例
  • 研发费用允许加计扣除的标准
  • 装载机如何计提折旧费用
  • 预缴的增值税放哪个科目
  • 单位定期存款起存金额为1万元,多存不限,存期分为
  • 增值税普通发票可以抵扣吗
  • 展厅租赁税率
  • 会计调账是什么意思
  • MySQL replace into 语句浅析(二)
  • mysql和mysql数据库的区别
  • win7系统如何关闭系统自检
  • win7系统怎么关闭病毒防护
  • 如何彻底释放k50至尊版性能
  • win升级失败 导致无法启动
  • 列举linux常用的版本
  • 怎么测试windows摄像头
  • Win10 Mobile/WP8.1优秀专业摄影应用OneShot本周再次更新:修复Bug和优化性能
  • PureVoice.exe - PureVoice是什么进程 有什么用
  • win7旗舰版系统激活码
  • 电脑xp系统虚拟内存不足怎么解决
  • win7如何设置屏幕不黑屏
  • css全局样式基础代码
  • Bullet之了解Force Torque Impulse
  • js message事件
  • unity之血瓶金币的生成
  • bootstrap 多级菜单
  • Android OpenGL ES(九)----构建几何物体
  • unity导入max文件
  • android基础知识总结
  • json数据格式的理解
  • 安卓接口回调例子
  • 总公司与分公司的法律责任
  • 虚开增值税专用发票罪量刑标准2023
  • 山东税务师协会官网
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设