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