Element-ui Cascader 級聯選擇器change時同時返回value 和 label

給 cascader 組件賦值一個別名 ref="myCascader"

    <el-cascader
      ref="myCascader"
      v-model="curCity"
      :options="city"
      @change="changeProvinceCity"
      placeholder="請選擇省市"
      ></el-cascader>

然后我們就可以通過 getCheckedNodes()方法來獲取 cascader 組件中的 label 了

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