Element Plus入门-第三篇：基础组件上手（二）

Element Plus入门-第三篇：基础组件上手（二）

在前端开发中，表单组件是实现用户交互的重要元素。Element Plus提供的Select、Checkbox和Radio组件，能满足多种数据选择与状态切换的需求。本篇将围绕Select组件的选项添加与选中状态获取，以及Checkbox、Radio组件的状态管理展开，帮助你快速掌握这些组件的使用方法。

一、Select组件选项添加与选中状态获取

（一）Select组件选项添加

Select组件用于从多个选项中选择一个值，其选项的添加可通过静态定义或动态数据绑定实现。

静态选项添加：直接在el-select组件内使用el-option子组件定义选项，label属性为选项显示文本，value属性为选项实际值。示例代码如下：

<template>
  <div>
    <el-select placeholder="请选择城市">
      <el-option label="北京" value="beijing"></el-option>
      <el-option label="上海" value="shanghai"></el-option>
      <el-opt