vue 两个el-select联动，选完第一个给第二个赋值，选中之后为什么不显示

可能是由于第二个el-select的选项数据没有同步更新导致的。你需要在第一个el-select的选项发生变化时，动态更新第二个el-select的选项数据。

例如，假设第一个el-select的选项数据为`options1`，第二个el-select的选项数据为`options2`，则可以在第一个el-select的`change`事件中动态更新`options2`，例如：

<template>
  <div>
    <el-select v-model="selectedOption1" @change="onChangeOption1">
      <el-option v-for="option in options1" :key="option.value" :label="option.label" :value="option.value" />
    </el-select>
    <el-select v-model="selectedOption2">
      <el-option v-for="option in options2" :key="option.value" :label="option.label" :value="option.value" />
    </el-select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOption1: '',
      selectedOption2: '',
      options1: [
        { value: 'option1', label: 'Option 1' },
        { value: 'option2', label: 'Option 2' }
      ],
      options2: []
    };
  },
  methods: {
    onChangeOption1() {
      // 根据选中的第一个选项动态更新第二个选项数据
      if (this.selectedOption1 === 'option1') {
        this.options2 = [
          { value: 'option1-1', label: 'Option 1-1' },
          { value: 'option1-2', label: 'Option 1-2' }
        ];
      } else if (this.selectedOption1 === 'option2') {
        this.options2 = [
          { value: 'option2-1', label: 'Option 2-1' },
          { value: 'option2-2', label: 'Option 2-2' }
        ];
      }
      // 将第二个选项重置为空
      this.selectedOption2 = '';
    }
  }
};
</script>

在`onChangeOption1`方法中，根据选中的第一个选项动态更新第二个选项数据，并将第二个选项重置为空。这样，在第一个el-select选中之后，第二个el-select的选项数据就会动态更新，并且选中的值也会正确显示。