element-ui cascader级联选择器获取数据方法

image.png

在change事件下面获取的数据

const checkedNodes = this.$refs['cascaderUnit'].getCheckedNodes() ,在data里面找，如下图
console.log(checkedNodes) // 获取当前点击的节点
console.log(checkedNodes[0].data.label) // 获取当前点击的节点的label
console.log(checkedNodes[0].pathLabels) // 获取由 label 组成的数组

image.png

多选 获取选中的节点----this.checkedNodes=this.$refs['checked'].value;

image.png

change的时候获取选中的节点

 //搜索以后的change事件
      handleChangeSearch(data){
        this.checkedNodes=this.$refs['checked'].value; //获取选中的节点
        this.ruleForm.auths=[]; //清空tree上的选中节点
        this.ruleForm.auths=data.map(item=>{
          let obj={
            authCode:item.code,
            authName:item.name,
            deptType:item.deptType,
            authType:this.authType ? this.authType : ''
          }
          return obj
        })
      }