Element-ui Cascader 级联选择器change时同时返回value 和 label


给 cascader 组件赋值一个别名 ref="myCascader"

1     <el-cascader
2       ref="myCascader"
3       v-model="curCity"
4       :options="city"
5       @change="changeProvinceCity"
6       placeholder="请选择省市"
7       ></el-cascader>

然后我们就可以通过 getCheckedNodes()方法来获取 cascader 组件中的 label 了

1 changeProvinceCity(value) {
2    console.log(value, this.$refs.myCascader.getCheckedNodes()[0].pathLabels);
3    this.userInfo.value = value.join(','); //value值
4    this.userInfo.label = this.$refs.myCascader.getCheckedNodes()[0].pathLabels.join(','); //label
5 },


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM