1.需求：
系统使用者在点击发布状态的开关后，可以对应的发布或者取消发布试卷
2.前端代码：
html代码（这里不贴其他表单项的代码了，直接贴el-Switch组件的代码）：文章来源地址https://www.toymoban.com/news/detail-694335.html
<!-- qwy: 使用Switch组件，设置发布状态，业务逻辑：在页面初始渲染的时候应该查询发布状态，以根据状态设置按钮-->
<!-- :value = "row.deleted" 这里不使用v-model，直接使用:value设置对应的值就可以 ,row.deleted就是后端响应过来的数据，row的意思就是本行的数据 -->
<!-- active-color="#4293DC" 激活状态下的颜色，这里是蓝色 inactive-color同理 -->
<!-- :active-value=1 设置激活状态下的值，这里是为了value的设置， :inactive-value=0同理，这里的 0和1不是固定不变的，可以设置为1 2，什么都可以，只要和后端响应回来的row.deleted的状态码对应起来就可以 -->
文章来源：https://www.toymoban.com/news/detail-694335.html
到了这里，关于el-switch组件在分页情况下的使用的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![[element plus] 分页组件使用 - vue](https://imgs.yssmx.com/Uploads/2024/02/490350-1.png)
