element-UI级联选择器(Cascader)获取label值 - 代码篇
element-ui级联选择器(Cascader)获取级联对象 :主要是想获取:label值、value值
效果图预览:
<el-cascader :options="options" v-model="selectedOptions" :props="props" size="small" ref="cascaderAddr" filterable @change="handleChange" change-on-select placeholder="请选择上级分类"/>
<script>
handleChange(e,form,thsAreaCode) { // thsAreaCode = this.form.areaCode // 注意1:获取value值 var thsAreaCode = this.$refs['cascaderAddr'].currentLabels //注意2: 获取label值 console.log(thsAreaCode); // 注意3: 最终结果是个一维数组对象 },
</script>
注意:
如上述代码:
- 先给级联选择器
ref=""
重命一个新组件名为cascaderAddr
- 然后,使用
this.$refs['新组件名'].currentLabels