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

  • 退税收入如何做账
  • 增值税发票勾选确认后可以撤销吗
  • 企业返聘退休人员劳务合同
  • 利润总额×12%
  • 百旺普通发票作废流程
  • 法人把自己的车租给公司交什么税
  • 职工教育经费能结转几年
  • 企业所得税收入是什么意思
  • 床位周转率计算公式
  • 多计提的费用如何做分录
  • 土地使用权入账价值
  • 处理固定资产一个月卖一点
  • 废品计入哪个科目
  • 现金出资可以吗
  • 合同期限3年
  • 混合销售如何做会计分录
  • 办公室饮用水可以浇花吗
  • 手写发票税率
  • 营改增后二手房转让 一般计税 可以差额
  • 工资薪金总额包括职工福利费吗
  • 新注册的个体户怎么开发票
  • 出口佣金支付
  • 集团内部企业之间借款利息增值税
  • 防暑降温用品进什么科目
  • 分支机构怎么认定和纳税?
  • 事业单位财政拨款是什么意思
  • 企业所得税的工资薪金包括社保
  • 网络共享每次都要输入密码
  • 用盈余公积弥补亏损会影响所有者权益总额吗
  • 如何在Excel中进行单元格格式化?
  • 如何编制处置固定资产
  • 进项税留抵期限
  • 如何在 Windows 11 上打开 APK 文件
  • 鸿蒙系统蓝牙耳机声音小怎么办
  • windows11怎么查询激活时间
  • 高新技术企业研究开发费用加计扣除
  • 逾期未退保证金怎么办
  • php imap函数
  • ecshop app搭建
  • session和viewstate
  • php 包含
  • 现金报销医药费
  • python中字典的键有何要求
  • 营业利润是税前利润吗
  • 税务登记程序有哪些
  • 出租房产怎么交房产税
  • 现金账怎么登记
  • 初始化流程
  • 农村合作社怎么办理流程
  • 什么是金融资产和金融负债
  • 实收资本可以以现金入账吗
  • 冲销预付账款后怎么做账
  • 待抵扣进项税额和待认证进项税额的区别
  • 哪些项目的进项可以抵扣
  • 会计行政法规包括哪些条例?具体说明?
  • 核算管理工作
  • sql server 复制数据库具体操作图解
  • win7使用率
  • VM虚拟机安装Harmonyos4
  • linux readelf命令
  • centos7.0网络配置
  • linux系统中QQ的使用和配置
  • 如何解决心脏供血不足
  • linux在服务器的份额
  • pgptray.exe - pgptray是什么进程 有什么用
  • bootstrap响应式导航条模板使用详解(含下拉菜单,弹出框)
  • 背景透明度设置
  • shell监控进程
  • shell命令是干嘛的
  • jquery里的ready是什么意思
  • angularjs1.5
  • android sdk loader的问题
  • 怎样学好js中的逻辑
  • 江西电子税务局官网
  • 河南税务总局发票查询
  • 一般纳税人开票的税率是多少
  • 车辆购置税需要每年都交吗
  • 如何查询车辆购置税完税证明
  • 契税计税依据含装修费吗
  • 河南省单位怎么打印社保花名册
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设