我想用elementUI的多选框组件展示信息，有一个货架信息的下拉菜单，当选中后会吧所有的货架信息以单选框的形式展示出来，下拉菜单选中的信息单选框上打勾 教我怎么写

好的，我可以为你提供一个简单的示例代码，来实现你所描述的功能。首先，你需要在 Vue 项目中安装 ElementUI：

npm install element-ui -S

然后，你可以在组件中引入 ElementUI 的下拉菜单和多选框组件：

<template>
  <div>
    <el-select v-model="selectedShelf" @change="handleSelectChange">
      <el-option v-for="shelf in shelfs" :key="shelf.value" :label="shelf.label" :value="shelf.value"></el-option>
    </el-select>
    <el-checkbox-group v-model="checkedShelfs">
      <el-checkbox v-for="shelf in shelfs" :key="shelf.value" :label="shelf.value" :checked="checkedShelfs.indexOf(shelf.value) !== -1">{{ shelf.label }}</el-checkbox>
    </el-checkbox-group>
  </div>
</template>

<script>
import { ElSelect, ElOption, ElCheckboxGroup, ElCheckbox } from 'element-ui';

export default {
  components: {
    ElSelect,
    ElOption,
    ElCheckboxGroup,
    ElCheckbox,
  },
  data() {
    return {
      selectedShelf: '', // 下拉菜单选中的货架信息
      checkedShelfs: [], // 多选框组件选中的货架信息
      shelfs: [
        { label: '货架1', value: 'shelf1' },
        { label: '货架2', value: 'shelf2' },
        { label: '货架3', value: 'shelf3' },
      ],
    };
  },
  methods: {
    handleSelectChange() {
      this.checkedShelfs = [this.selectedShelf];
    },
  },
};
</script>

在这个示例中，我们使用了一个 `selectedShelf` 变量来存储下拉菜单选中的货架信息，一个 `checkedShelfs` 数组来存储多选框组件选中的货架信息，以及一个 `shelfs` 数组来存储所有的货架信息。

在 `el-select` 中，我们使用 `v-model` 属性来双向绑定选中的货架信息，并在 `change` 事件中调用 `handleSelectChange` 方法来更新多选框组件中的选中状态。

在 `el-checkbox-group` 中，我们使用 `v-model` 属性来双向绑定选中的货架信息，并在循环展示每个单选框时，使用 `:checked` 属性来判断该单选框是否应该被选中。

在 `handleSelectChange` 方法中，我们将选中的货架信息存储到 `checkedShelfs` 数组中，并将该数组设置为多选框组件的选中信息。这样，就可以实现下拉菜单选中某个货架信息后，将所有的货架信息以单选框的形式展示出来，并在选中的单选框上打勾的功能。

希望这个示例对你有所帮助！