<el-select 简单使用

`el-select`是Element UI库中的一个组件，它是一个下拉选择框，常用于前端界面中提供选项让用户进行选择。简单使用`el-select`的步骤如下：

1. 引入依赖：首先需要在HTML文件中引入Element UI的CSS和JS库，例如通过CDN：

<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<script src="https://cdn.jsdelivr.net/npm/element-ui@2.15.6/dist/index.js"></script>

2. 在模板中声明组件：创建一个`<el-select>`标签，并设置必要的属性如选项列表、默认值等。

<template>
  <div>
    <el-select v-model="selectedValue">
      <el-option
        v-for="item in options"
        :key="item.value"
        :label="item.label"
        :value="item.value">
      </el-option>
    </el-select>
  </div>
</template>

3. 数据绑定：在Vue实例中，定义`options`数组作为下拉菜单的选项，以及`selectedValue`来存储用户的选择。

export default {
  data() {
    return {
      options: [
        { value: 'Option1', label: 'Option 1' },
        { value: 'Option2', label: 'Option 2' },
        // 更多选项...
      ],
      selectedValue: '',
    };
  },
};

4. 这样，当用户从下拉列表中选择一个选项时，`selectedValue`就会更新为所选的值。