el-cascader怎么获取info信息

el-cascader可以通过在@change事件中获取$refs来获取info信息。具体方法如下：

1.给el-cascader添加ref属性，例如ref="areaCascader"。

2.在@change事件中获取$refs["areaCascader"]，并调用getCheckedNodes()方法获取选中节点的信息。

例如，如果只有一个el-cascader，可以这样写：

<el-cascader clearable v-model="cityCode" placeholder="请选择" :props="defaultProps" :options="AllArea" @change="areaChange" ref="areaCascader" style="width: 100%"></el-cascader>

public areaChange() {
  console.log((this.$refs["areaCascader"] as any).getCheckedNodes()[0].pathLabels)
}

如果有多个el-cascader，可以将ref属性设置为一个数组，例如ref="areaCascader[index]"，然后在@change事件中传入index参数，获取对应的$refs["areaCascader"][index]，并调用getCheckedNodes()方法获取选中节点的信息。

例如：

<el-row v-for="(item, index) in locationList" :key="index">
  <el-cascader clearable v-model="item.cityCode" placeholder="请选择" :props="defaultProps" :options="AllArea" @change="areaChange($event, index)" ref="areaCascader[index]" style="width: 100%"></el-cascader>
</el-row>

public areaChange(arr, index) {
  console.log( arr[0], index, this.locationList, (this.$refs["areaCascader"] as any)[index].getCheckedNodes()[0].pathLabels );}