重点在 ref=“cascaderAddr” 监听改变事件@change=“addHandleTypeChange”
获取选中的label数组(注意:在 2.9.2 后官方新增了 getCheckedNodes() 方法) :
this.$refs.cascaderAddr.getCheckedNodes()[0].pathLabels
<el-cascader
ref="cascaderAddr"
:props="{ checkStrictly: true ,value: 'id', label: 'name',children: 'children'}"
placeholder="试试搜索:"
:options="typeRelationList"
v-model="typeSelectedOptions"
@change="addHandleTypeChange"
filterable
>
</el-cascader>
addHandleTypeChange(value) {
//vaue 选中的值
let labelData = this.$refs.cascaderAddr.getCheckedNodes()[0].pathLabels
this.form.typeId = value[value.length - 1]
this.form.typeName = labelData[labelData.length - 1]
},
获取label也可以试试 this.$refs[‘myCascader’].currentLabels (注意:2.9.2 版本之前可用的方法)