element-ui select 二级联动 在使用select 选择框时,2个select 怎么关联在一起(第一个值发生变化,第二个select值随第一个变化而不同)

你可以通过使用v-model和v-bind绑定来实现这个功能。首先，你需要定义一个变量来保存第一个选择框的值，然后在第一个选择框的v-model中绑定这个变量。

然后，你可以通过使用v-bind:disabled或v-bind:options来实现对第二个选择框的控制。比如，当第一个选择框的值发生变化时，你可以通过在第二个选择框上使用v-bind:disabled="value1 !== 'someValue'"来控制第二个选择框的启用/禁用状态。同样的，你也可以通过使用v-bind:options="options2"来控制第二个选择框可选的值。

示例代码如下：

<template>
  <div>
    <el-select v-model="value1">
      <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value"></el-option>
    </el-select>
    <el-select v-model="value2" v-bind:disabled="value1 !== 'someValue'" v-bind:options="options2">
      <el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value"></el-option>
    </el-select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value1: '',
      value2: '',
      options1: [
        { value: 'someValue', label: '选项1' },
        { value: 'otherValue', label: '选项2' }
      ],
      options2: [
        { value: 'value1', label: '选项3' },
        { value: 'value2', label: '选项4' }
      ]
    }
  }
}
</script>

在这个示例中，当第一个选择框的值为'someValue'时，