当前位置: 首页 > news >正文

解决 elementui el-cascader组件懒加载时存在选中状态丢失的问题?

解决 elementui el-cascader组件懒加载时存在选中状态丢失的问题?

<el-cascader ref="cascader" v-model="curList" :show-all-levels="false" :options="classList":props="cascaderProps"clearablefilterablestyle="width: 100%"placeholder="选择"@change="handleChange"
/>
data(){return{curList:[],classList:[],cascaderProps: {checkStrictly: true,multiple: true,children: 'sonList',value: 'id',label: 'name',leaf: 'leaf',lazy: true,lazyLoad: this.lazyLoadCascader}}
},
methods:{async lazyLoadCascader(node, resolve) {const { checked } = nodeif (node.level === 0) {const list = await this.getClassList(1) // 获取数据,返回数组类型this.externalKnowclassList = listthis.initSelectedCascaderdata() // 修改操作,初始化已选节点// eslint-disable-next-line require-atomic-updatesnode.data = listresolve(list)} else {const { id, type, sonList } = node.dataif (this.$utils.isNotEmptyArray(sonList)) {resolve([])} else {const list = await this.getClassList(type + 1, id) // 获取数据,返回数组类型// eslint-disable-next-line require-atomic-updatesnode.data.sonList = listresolve(list)}// 解决 el-cascader 懒加载时选中状态丢失的问题const cascader = this.$refs.cascadernode.doCheck(checked) // 更新节点的选中状态cascader.panel.handleExpand(node) // 展开当前节点cascader.panel.calculateMultiCheckedValue() // 重新计算多选状态下的选中值}},
}
http://www.dtcms.com/a/597231.html

相关文章:

  • vue3封装alert 提示组件 仿element-plus
  • Day33-动态规划
  • 域名访问过程会不会影响网站访问商务网站设计
  • 模仿elementUI 中Carousel 走马灯卡片模式 type=“card“ 的自定义轮播组件 图片之间有宽度
  • 公司网站建设哪家正规wordpress 按别名
  • 网站建设安全架构网络购物平台哪个最好
  • 2048——逻辑思维与矩阵合并算法
  • Qt:判断一个sql语句是否是select语句
  • 【题解】洛谷 P2470 [SCOI2007] 压缩
  • Java1111 实现一个方法,获取属性值 返回name
  • 存储核心:EXT文件系统
  • 品牌型网站的特点站长工具seo查询5g5g
  • 量子信息中的QASM
  • 阿里巴巴做网站费用网站功能价格表
  • MongoDB 删除数据库
  • android studio 在终端指定 jdk 1.8 打包 release~ MacOS版
  • 【STM32】HDC2080温湿度计驱动
  • Highcharts 在 AMD 与 CommonJS 环境下的安装与配置指南
  • 阿里云编辑建设好的网站济南网络优化厂家
  • 如何给 MacOS 更新到指定版本系统
  • jEasyUI 合并单元格详解
  • AJAX学习 ---- axios体验
  • 电子商务网站开发基本流程建立链接
  • MySQL第五次作业(触发器,存储过程)
  • HORIBA MEXA-324M:双组分汽车尾气测量仪技术说明
  • C++进阶:(八)基于红黑树泛型封装实现 map 与 set 容器
  • 网站制作资质wordpress用户名密码注册
  • Redis(1)
  • 《中医基础理论》- 2.哲学基础之藏象学说-心系统详解
  • 智慧养老如何托起“有温度的银发未来”?