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

 <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)
    },

Vue3.0中Element-Plus级联选择器——直接输出所选中的最后一级的数据_第1张图片
代码整体,return中为级联选择器的数据
Vue3.0中Element-Plus级联选择器——直接输出所选中的最后一级的数据_第2张图片

你可能感兴趣的:(Vue学习笔记,vue,javascript,elementui,级联选择器)