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 },
posted @ 2020-06-02 11:18  维维WW  阅读(7067)  评论(0)  编辑  收藏  举报