element plus下拉框模板

Element Plus是一个基于Vue.js的开源UI组件库，它提供了丰富的交互组件，其中包括下拉框（Select）组件。在Element Plus的下拉框模板中，你可以通过简单的配置来创建选择列表，例如：

<template>
  <el-select v-model="selectedValue" placeholder="请选择">
    <!-- 选项项 -->
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
</template>

<script setup>
import { ref } from 'vue';
import { ElOption, ElSelect } from "element-plus";

const options = [
  // 示例选项
  {
    value: 'option1',
    label: 'Option 1'
  },
  {
    value: 'option2',
    label: 'Option 2'
  }
];

const selectedValue = ref('');
</script>

在这个例子中，`v-model`绑定当前选中的值，`placeholder`属性设置了默认提示信息，`options`数组包含了下拉框的选项。每个`el-option`元素代表一个可选项目。