Vue3.0中Element-Plus级联选择器——直接输出所选中的最后一级的数据

Posted 2021-09-03 UDK_KL.

 <el-cascader
              placeholder="试试搜索：北京"
              :options="options"
              :props="{ multiple: true }"
              filterable
              @change="checkedData"
              collapse-tags
              ref="cascadeAddr"></el-cascader>

 checkedData() {
      for(let i=0;i<this.$refs['cascadeAddr'].getCheckedNodes().length;i++)
       if (this.$refs['cascadeAddr'].getCheckedNodes()[i].level === 3)//从getCheckedNodes()函数中选择出所有等级为最后一级的数据，level为最后一级的级数
           console.log(this.$refs['cascadeAddr'].getCheckedNodes()[i].data.label)
    },

代码整体，return中为级联选择器的数据