Form Generator 表单中el-select 设置chanage事件 与其他组件联动

在Element UI (简称EUI) 的表单生成器Form Generator中，当你想要设置`el-select`组件的change事件，以便于其值的变化能触发其他组件的数据更新，你可以按照以下步骤操作：

1. 首先，在Vue组件中导入`el-select`组件：

   <template>
     <el-form ref="form">
       <el-select v-model="selectedValue" @change="handleSelectChange" placeholder="请选择">
         <!-- ... select options here -->
       </el-select>
       <!-- 其他关联组件，比如一个显示选中值的展示组件 -->
       <div>{{ selectedValueDisplay }}</div>
     </el-form>
   </template>

2. 然后，在script部分中定义数据和方法：

   <script>
   export default {
     data() {
       return {
         selectedValue: '',
         selectedValueDisplay: ''
       };
     },
     methods: {
       handleSelectChange(value) {
         this.selectedValue = value;
         // 更新显示值
         this.selectedValueDisplay = value; // 如果你想直接显示select的值，可以这么写
         // 或者通过计算属性或其他方式关联到其他组件的数据
         // 这里假设你有一个计算属性computed：displayValue
         this.displayValue = value;
       }
     }
   }
   </script>

在这个例子中，当`el-select`的选择发生改变时，`handleSelectChange`方法会被调用，`selectedValue`会更新，然后你可以根据需要同步更新`selectedValueDisplay`或者其他组件的状态。