element 的 el-cascader 组件获取级联选中label和value值

1.多选时获取cascader 级联选择器的 label 值

需要给 el-cascader 加 ref 用以获取值

 // 级联选择器// 方法 handleChange() { const textArr = []; const arr = this.$refs["refCascader"].getCheckedNodes(); arr.forEach((i) => { textArr.push(i.pathLabels); }); console.log(textArr); },

获取后的样式

2. 单选时获取cascader 级联选择器的值

 // element 级联选择器// methods 方法handleChange(a) {const areaTextArr = [];const arr = this.$refs["refCascader"].getCheckedNodes()[0].pathNodes;arr.forEach((i) => {areaTextArr.push(i.label);});console.log(areaTextArr);},