el-switch加字

要在el-switch组件上添加文字，可以使用el-switch组件提供的active-text和inactive-text属性。active-text属性用于设置开启状态下的文字，inactive-text属性用于设置关闭状态下的文字。例如，可以将active-text设置为"开启"，inactive-text设置为"关闭"，代码如下所示：

<el-switch v-model="fieldForm.state" class="main-el-switch" active-text="开启" inactive-text="关闭"></el-switch>

这样设置后，当el-switch处于开启状态时，会显示"开启"文字，当处于关闭状态时，会显示"关闭"文字。\[1\]
#### 引用[.reference_title]
- *1* *3* [el-switch在按钮内加文字内嵌文字](https://blog.csdn.net/gjwgjw1111/article/details/127619147)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [ElementUI中switch开关的使用--关于如何将文字显示在按钮上的实现](https://blog.csdn.net/qq_32963841/article/details/115715824)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]