如何利用Element ui 中的change事件监听一个下拉框 （下拉框中有四个选项分别为 1-同城寄 2-省内寄 3-经济区互寄 4-跨省）当选中3-经济区互寄的时候 让另一个区域显示一个多选框（多项框里面有四个选项 分别为 京津冀 江浙沪 川渝 黑吉辽） 如果不选中3-经济区互寄或者选中其他选项则显示为全国（并把onChange方法中处理事件change 事件的逻辑写出来）

以下是利用 Element UI 中的 `change` 事件监听下拉框的选择，并根据选择显示不同内容的代码示例：

<template>
  <div>
    <el-select v-model="selectedOption" @change="onChange">
      <el-option label="同城寄" value="1"></el-option>
      <el-option label="省内寄" value="2"></el-option>
      <el-option label="经济区互寄" value="3"></el-option>
      <el-option label="跨省" value="4"></el-option>
    </el-select>

    <div v-show="selectedOption === '3'">
      <span>请选择区域：</span>
      <el-checkbox-group v-model="selectedRegions">
        <el-checkbox label="京津冀"></el-checkbox>
        <el-checkbox label="江浙沪"></el-checkbox>
        <el-checkbox label="川渝"></el-checkbox>
        <el-checkbox label="黑吉辽"></el-checkbox>
      </el-checkbox-group>
    </div>

    <div v-show="selectedOption !== '3'">
      全国
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: '',
      selectedRegions: [],
    };
  },
  methods: {
    onChange() {
      if (this.selectedOption === '3') {
        console.log('区域选择：', this.selectedRegions);
      } else {
        console.log('全国');
      }
    },
  },
};
</script>

在上述代码中，我们通过 `v-model` 绑定了下拉框的选择值 `selectedOption`，并通过 `@change` 监听了下拉框的 `change` 事件，当选择发生变化时，会触发 `onChange` 方法。

在 `onChange` 方法中，我们根据 `selectedOption` 的值进行判断。如果选择的是 `'3'`，即经济区互寄，就会显示区域选择的多选框，并打印所选的区域。如果选择的是其他选项或者未选择，则显示为 `'全国'`。

你可以根据实际需求，在 `onChange` 方法中编写具体的逻辑代码来处理 `change` 事件。