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

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

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

图片[1] - element 的 el-cascader 组件获取级联选中label和value值 - MaxSSL

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

获取后的样式

图片[2] - element 的 el-cascader 组件获取级联选中label和value值 - MaxSSL

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);},

图片[3] - element 的 el-cascader 组件获取级联选中label和value值 - MaxSSL

图片[4] - element 的 el-cascader 组件获取级联选中label和value值 - MaxSSL

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享