elementui复选框后跟下拉选择

您可以使用 ElementUI 的下拉选择器（Select）组件结合复选框（Checkbox）组件来实现这个需求。您可以在复选框的选中状态发生改变时，动态更新下拉选择器的选项列表。以下是示例代码：

<template>
  <div>
    <el-checkbox v-model="checked" @change="updateOptions">显示选择器</el-checkbox>
    <el-select v-if="checked" v-model="selected" placeholder="请选择">
      <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
    </el-select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      checked: false,
      selected: '',
      options: []
    }
  },
  methods: {
    updateOptions() {
      // 根据复选框的选中状态，动态更新下拉选择器的选项列表
      if (this.checked) {
        this.options = [
          { label: '选项一', value: 'option1' },
          { label: '选项二', value: 'option2' },
          { label: '选项三', value: 'option3' }
        ]
      } else {
        this.options = []
      }
    }
  }
}
</script>

在上面的示例中，我们使用了一个布尔型的 `checked` 变量来表示复选框是否选中，使用一个数组型的 `options` 变量来存储下拉选择器的选项列表。在复选框的选中状态发生改变时，我们调用 `updateOptions` 方法来动态更新 `options` 数组，从而动态更新下拉选择器的选项列表。同时，我们使用 `v-if` 指令来控制下拉选择器是否显示。