el-cascader-panel,保持所选子菜单展开

 

代码附上

<el-cascader-panel :border="false" ref="singleCascader" :options="options" @expand-change="changeaa" :props="props"  @change="getData"></el-cascader-panel>
 
changeaa(val){
          if(val.length==1){
              this.$nextTick(()=>{
                let node= this.$refs.singleCascader.menus, caspanel=this.$refs.singleCascader
                let userArr = node[0].filter(aa=>aa.value==val[0])
                caspanel.handleExpand(userArr,true)
                caspanel.handleExpand(userArr[0],true)
                caspanel.handleExpand(userArr[0],true)
                caspanel.handleExpand(userArr[0].children[0],true)
              })
          }
      },
在获取options时也需要添加上面的代码

 

posted @ 2022-07-19 10:30  你随意就好  阅读(2898)  评论(0编辑  收藏  举报