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

  • oppofindx2pro有红外线遥控功能吗(oppo find x2pro有红外吗)

    oppofindx2pro有红外线遥控功能吗(oppo find x2pro有红外吗)

  • 荣耀play3可以升级EMUI10吗(荣耀play3可以升级Magic4.0)

    荣耀play3可以升级EMUI10吗(荣耀play3可以升级Magic4.0)

  • 一加6t和一加7对比(一加6对比一加7t)

    一加6t和一加7对比(一加6对比一加7t)

  • 怎样关闭QQ截屏分享(qq截图怎么关闭qq页面)

    怎样关闭QQ截屏分享(qq截图怎么关闭qq页面)

  • ios安装描述文件安全吗(ios安装描述文件失败)

    ios安装描述文件安全吗(ios安装描述文件失败)

  • 微信地址怎么改成外国(微信地址怎么改成中国大陆不显示城市)

    微信地址怎么改成外国(微信地址怎么改成中国大陆不显示城市)

  • 华为p30灭屏显示怎么换样式(华为p30灭屏显示耗电吗)

    华为p30灭屏显示怎么换样式(华为p30灭屏显示耗电吗)

  • 苹果x手机屏幕轻微闪(苹果x手机屏幕跳来跳去,怎么解决)

    苹果x手机屏幕轻微闪(苹果x手机屏幕跳来跳去,怎么解决)

  • 公众号专辑怎么用(公众号专辑怎么删除)

    公众号专辑怎么用(公众号专辑怎么删除)

  • 快手作品分享有提示吗(快手作品分享有什么好处)

    快手作品分享有提示吗(快手作品分享有什么好处)

  • 访问网页自动跳转到(网页老是自动跳转怎么办)

    访问网页自动跳转到(网页老是自动跳转怎么办)

  • 蓝牙耳机一个声音大一个声音小(蓝牙耳机一个声音特别小)

    蓝牙耳机一个声音大一个声音小(蓝牙耳机一个声音特别小)

  • 钉钉直播回放倍速怎么算时长(钉钉直播回放倍速播放会记完整时间吗)

    钉钉直播回放倍速怎么算时长(钉钉直播回放倍速播放会记完整时间吗)

  • 华为mate30电池可以用多久(华为mate30电池可以单独换吗)

    华为mate30电池可以用多久(华为mate30电池可以单独换吗)

  • qq查找和精确查找区别(qq查找和精确查找是什么意思)

    qq查找和精确查找区别(qq查找和精确查找是什么意思)

  • 计算机硬件系统最核心的部件(计算机硬件系统由哪几个部分组成)

    计算机硬件系统最核心的部件(计算机硬件系统由哪几个部分组成)

  • 微信自动启动功能在哪(微信自动启动是什么意思)

    微信自动启动功能在哪(微信自动启动是什么意思)

  • 抖音不绑手机号可以吗(抖音不绑手机号怎么登录)

    抖音不绑手机号可以吗(抖音不绑手机号怎么登录)

  • 红米k20支持无线充电吗(红米k20支持无线充电不)

    红米k20支持无线充电吗(红米k20支持无线充电不)

  • 苹果8p支持5g吗(苹果8p支持5g网络吗?)

    苹果8p支持5g吗(苹果8p支持5g网络吗?)

  • 打qq电话怎么同时录音(qq通话怎么样)

    打qq电话怎么同时录音(qq通话怎么样)

  • 电脑bios设置图解教程(bios设置图文详解)

    电脑bios设置图解教程(bios设置图文详解)

  • 学习Canvas基础-绘制矩形(canvas软件教程)

    学习Canvas基础-绘制矩形(canvas软件教程)

  • 【魔改YOLOv5-6.x(4)】结合EIoU、Alpha-IoU损失函数(魔改apk)

    【魔改YOLOv5-6.x(4)】结合EIoU、Alpha-IoU损失函数(魔改apk)

  • 关于资源税的问题
  • 水利建设基金按照增值税征收
  • 外贸企业的出口收入免征其地方水利建设基金
  • 个体户查账征收怎么交税?
  • 政府返还的个税怎么算
  • 税票百分之十三怎么算
  • 制造费用结转成什么
  • 有形动产租赁服务计入什么科目
  • 什么情况下要做试管怀孕
  • 小企业应收票据有哪些
  • 个体工商户销售自己使用过的物品
  • 上个月少计了成本要怎么办
  • 质量问题扣款账务处理
  • 进项税额不可抵扣
  • 支付短期借款计入什么科目
  • 自产产品用于在建工程按成本价还是销售价
  • 送礼没有发票怎么解决
  • 员工娱乐活动比赛项目
  • 累计折旧的计提和处理的分录
  • 小型微利企业预缴
  • 会计核算的主要依据是什么
  • 投资预算的编制方法
  • 出口布料有退税吗
  • 购入土地建厂房要交的税
  • 员工垫付款怎么做分录
  • 超市开票收回的钱怎么算
  • 把试驾车当新车卖,构成欺诈
  • 稳增长促转型
  • u盘安装pe系统
  • 工会经费如何计提会计分录
  • 交易性金融资产是什么意思
  • 滴水观音的养殖方法选好浇水
  • 其它应收款的内容
  • 土地使用税缴纳人是使用者还是所有权人
  • ThinkPHP+EasyUI之ComboTree中的会计科目树形菜单实现方法
  • 出售银行承兑汇票
  • 基于VGGNet乳腺超声图像数据集分析
  • python去掉文本的指定符号
  • 下岗职工生活费停发
  • 非金融企业之间借款利息可以抵扣吗
  • 小规模纳税人销售货物税率是多少
  • 未分配利润用于扩大再生产
  • 银行转账支付凭证有效期多久
  • 合同负债算负债吗
  • 公司保障措施
  • 报废产品属于什么会计科目
  • PostgreSQL教程(十四):数据库维护
  • 购买商品并入库做什么会计分录
  • 微信支付宝等第三方支付的优缺点
  • 企业应收账款怎么记账
  • 企业股权融资方式有哪些
  • 境外分回的股息在本国抵免限额怎么算
  • 员工垫付的钱会计分录
  • 更换公司新公章流程
  • 事业单位补提以前年度应计提未计折旧的会计分录
  • mysql自动清理数据
  • mysql数据库主机一般填什么
  • windowsxp2
  • 局域网共享提示无法访问 你没有权限
  • 苹果mac浏览器
  • -mtime +3详解 linux
  • mac命令行指令
  • Linux 修改文件名后缀
  • win10桌面图片预览
  • linux计划任务执行脚本
  • linux开机流程详解
  • div li
  • codeblocks使用技巧
  • jquery炫酷效果
  • node发送邮箱
  • [置顶]津鱼.我爱你
  • node.js 环境配置
  • 简述shell命令提示符的组成
  • jquery实现下拉菜单
  • js设置点击效果
  • 吉林省国税税务总局官网
  • 郑州房管局办事大厅预约
  • 地址变更去税务局办理
  • 青岛市地方税务局关于发票
  • 税收与税务的区别是什么
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设