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

  • 微信主题怎么设置(微信主题怎么设置苹果)

    微信主题怎么设置(微信主题怎么设置苹果)

  • 快手不能分享到微信了(快手不能分享到微信朋友圈)

    快手不能分享到微信了(快手不能分享到微信朋友圈)

  • 照片应该怎么发朋友圈(照片应该怎么发抖音)

    照片应该怎么发朋友圈(照片应该怎么发抖音)

  • 怎么制作抖音照片视频(怎么制作抖音照片快闪视频)

    怎么制作抖音照片视频(怎么制作抖音照片快闪视频)

  • 华为手机一直显示耳机模式怎么回事(华为手机一直显示红色闪电开不了机)

    华为手机一直显示耳机模式怎么回事(华为手机一直显示红色闪电开不了机)

  • win7还能继续用吗(windows7还可以用吗)

    win7还能继续用吗(windows7还可以用吗)

  • 华为荣耀8x怎么隐藏应用程序(华为荣耀8x怎么录屏)

    华为荣耀8x怎么隐藏应用程序(华为荣耀8x怎么录屏)

  • 换了屏幕指纹用不了(换屏幕后指纹)

    换了屏幕指纹用不了(换屏幕后指纹)

  • 如何查看照片详细信息(如何查看照片详情地址信息)

    如何查看照片详细信息(如何查看照片详情地址信息)

  • 淘宝差评删除是不是就没办法再评论了

    淘宝差评删除是不是就没办法再评论了

  • 大麦一个身份能卖几张(大麦一个身份能开几个店)

    大麦一个身份能卖几张(大麦一个身份能开几个店)

  • 华为nova5pro卡槽针插哪(华为nova5pro卡槽打不开怎么办)

    华为nova5pro卡槽针插哪(华为nova5pro卡槽打不开怎么办)

  • 微信小浮窗怎么设置(微信小浮窗怎么弄掉)

    微信小浮窗怎么设置(微信小浮窗怎么弄掉)

  • 抖音用护推荐关注是啥意思(抖音上推荐关注怎么关闭)

    抖音用护推荐关注是啥意思(抖音上推荐关注怎么关闭)

  • 没有网微信运动计步吗(没有网微信运动步数更新吗)

    没有网微信运动计步吗(没有网微信运动步数更新吗)

  • 如何找到苹果耳机弹窗(如何找到苹果耳机另外一个)

    如何找到苹果耳机弹窗(如何找到苹果耳机另外一个)

  • 刷脸支付叫什么(刷脸支付是干什么的)

    刷脸支付叫什么(刷脸支付是干什么的)

  • 魅蓝sd卡优先储存怎么设置(魅蓝5ssd卡优先储存怎么设置)

    魅蓝sd卡优先储存怎么设置(魅蓝5ssd卡优先储存怎么设置)

  • opporenoz怎么关机(opporeno2怎样关机)

    opporenoz怎么关机(opporeno2怎样关机)

  • 2g卡能上4g网络吗(2g的手机卡能用4g的手机吗)

    2g卡能上4g网络吗(2g的手机卡能用4g的手机吗)

  • 系统升级为WIN10后,为什么桌面图标无法移动?(系统升级为win11)

    系统升级为WIN10后,为什么桌面图标无法移动?(系统升级为win11)

  • 国内外人工智能AI工具网站大全(一键收藏,应有尽有)(国内外人工智能发展现状,及最新的人工智能应用?)

    国内外人工智能AI工具网站大全(一键收藏,应有尽有)(国内外人工智能发展现状,及最新的人工智能应用?)

  • 路径规划 | 图解A*、Dijkstra、GBFS算法的异同(附C++/Python/Matlab仿真)(路径规划是什么意思)

    路径规划 | 图解A*、Dijkstra、GBFS算法的异同(附C++/Python/Matlab仿真)(路径规划是什么意思)

  • 购买方收取的违约金怎么入账
  • 先申报财务报表还是企业所得税汇算清缴
  • 非关联企业借款利息扣除
  • 什么是减免税额90%
  • 财产和行为税合并申报
  • 没房分手的多吗
  • 金税四期对纳税的影响
  • 合伙律师事务所的合伙人必须是
  • 当月的进项当月可以认证吗
  • 营业外收入怎么算增值税
  • 没有发票的福利有哪些
  • 建设用地规划许可证和建设工程规划许可证的区别
  • 定额备用金制度有哪些
  • 预付账款转出分录
  • 保险收入如何做账务处理?
  • 公司宣传牌模板
  • 怎么才能知道开户行行号
  • 建筑业3%人工费可以开专票吗?
  • 建筑业的合理避税
  • 印花税按主营业务成本计算吗
  • 税控盘抵税可以跨年吗
  • 办理税务登记与办理法人企业有何区别?
  • 购进原材料直接销售应该怎样结转成本呢
  • 生产性生物资产折旧年限
  • 分公司是否需要章程
  • 固定资产注资后怎么做账
  • 外国人可以参加中国境内的党派或政治团体
  • 消费税在哪个环节征税
  • 远期外汇合约套期会计分录
  • 销售退回涉及的科目
  • 海关增值税当月可以抵扣吗
  • 安全的无线连接软件
  • 设备安装服务几个点
  • 桌面图标被篡改怎么办
  • 发放应付职工薪酬的账务处理
  • 电脑文件删除如何找到
  • 银行承兑汇票的会计分录
  • 母公司将资产划转子公司土地增值税
  • el-table(type=“selection“)多选框两种回显
  • 办公室装修费怎么入账
  • 应收票据年末计息的分录
  • sql server2016使用
  • 腾讯产品面经
  • 发票章没有盖好
  • 建筑企业其他应付款包含什么内容
  • 促销服务费分录
  • 小规模申请一般纳税人的条件
  • 供应商退款需要冲库存商品吗
  • 时区时间对照表
  • 加工企业进项发票有哪些
  • 不得开具增值税专用发票是什么意思
  • 机动车销售统一专票怎么做账
  • 公对公转账货款是指往来款吗
  • 未完工属于什么科目
  • 融资租赁财产保全金额是多少
  • 当月扣缴社保分录
  • 可以先抵扣下个月工资吗
  • 税前税后利润弥补亏损的会计分录
  • 多少钱算固定资产2022
  • mysql 添加外键
  • 苹果mac怎么下载淘宝
  • xp系统没有鼠标自己乱跳
  • win1020h2正式版下载
  • 如何解决老电脑卡顿问题
  • win7如何取消开机启动
  • javascript事件绑定学习要点
  • excel实现多选
  • vim如何在文件中添加
  • 好用的css
  • 开发日记3雷火剑
  • python移动目标跟踪
  • jquery的实现原理
  • 编程 delphi
  • 江苏昆山电费查询电话
  • 税务官网怎么登录账号
  • 怎么代理保险业务
  • 所得税的核定征收方法
  • 13%增值税发票怎么抵扣
  • 税务征管科与纳税人有接触吗
  • 2020北京国税局的待遇
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设