<el-cascader
:options="options"
v-model="selectedOptions"
:props="props"
size="small"
ref="cascaderAddr"
filterable
@change="handleChange"
change-on-select
placeholder="请选择上级分类"/>
<script>
handleChange(e) {
//第1种
var thsAreaCode = this.$refs['cascaderAddr'].currentLabels // 获取label值
console.log(thsAreaCode); // 最终结果是个一维数组对象
//第2种
const checkedNodes = this.$refs['cascaderAddr'].getCheckedNodes() // 获取当前点击的节点
console.log(checkedNodes)
console.log(checkedNodes[0].data.label) // 获取当前点击的节点的label
console.log(checkedNodes[0].pathLabels) // 获取由 label 组成的数组
},
</script>
注意:如上述代码:
先给级联选择器ref=""重命一个新组件名为cascaderAddr
然后,使用this.$refs[‘新组件名’].currentLabels