<el-cascader
          ref="cascaderItem"
            @change="handleAreaChange"
            placeholder="试试搜索:"
            :options="areaOptions"
            :props="{ checkStrictly: true, value: 'id', label: 'name',children: 'children'}"
            v-model="positionIds"
            filterable
            >
          </el-cascader>

其中value指定取值id,所以handleAreaChange中获取到的是选中的id值

handleAreaChange(data){
      let id = data[data.length - 1] // 最后一级的id
 }

value绑定了id,可以获取id值
想要同时获取到lable值
方法一:
通过ref取值;但控制台输出的的inputValue是有值的, this.$refs['cascaderItem'].inputValue却是null

let str = this.$refs['cascaderItem'].inputValue
console.log(str,'str')

方法二:通过getCheckedNodes取整个对象,想取什么值就取什么值,完美

handleAreaChange(data){
	const obj = this.$refs['cascaderItem'].getCheckedNodes() //标签上定义的 ref值
    console.log('对象',obj[0].data)  // 打印出当前选择的value所对应的对象
    }
Logo

前往低代码交流专区

更多推荐