element ui开关按钮，el-switch 开关控制后端传什么值，如何设置开关的默认值。

硬骨头的猫

已于 2023-02-21 15:17:20 修改

阅读量2k

点赞数 3

分类专栏： vue前端问题文章标签： vue.js 前端 javascript elementui

于 2023-01-12 10:39:42 首次发布

本文链接：https://blog.youkuaiyun.com/qq_54524289/article/details/128655044

版权

vue前端问题专栏收录该内容

4 篇文章

订阅专栏

el-switch 开关控制后端传什么值

<el-form-item label="禁止同类发票合并" prop= "banMerge">
  <el-switch v-model="form.banMerge" active-value="是" inactive-value="否"></el-switch>
</el-form-item>

在打开时，传值“是”，关闭时，传值“否”。

如何设置开关的默认值

修改开关对应的属性值，这个值必须是active-value="是" inactive-value="否"设置的值

修改之后：

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

硬骨头的猫

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

【bug&工具】2 el-switch的默认值不生效（扩展value值，不是true，false）

jieweiwujie的博客

09-30

1824

el-switch的默认值不生效（扩展value值，不是true，false）

element中el-switch的v-model自定义值

小马甲

11-24

1874

element中的el-switch的值默认都是true或false，但是有些时候后端接口该字段可能是0或者1，如果说再转换一次值，那就有点太费力了。

参与评论您还未登录，请先登录后发表或查看评论

Vue 自动配置表单 el-switch等不常用组件覆盖默认值问题

u012632105的博客

02-16

838

有自动解析表单的vue组件如下，其原理是调用一个配置表单定义的接口，然后再调用获取表单配置的接口并将配置的数据覆盖表单的默认值。其中el-switch的配置值没有覆盖默认值，分析其原因。

(el-switch)操作(不使用 ts)：Element-plus 中 Switch 将默认值修改为 “true“ 与 “false“(字符串)来控制开关

狮子座的男孩

08-08

2596

【代码】(el-switch)操作：Element-plus 中 Switch 将默认值修改为 “true“ 与 “false“(字符串)来控制开关。

el-switch 选中状态改成0和1

最新发布

weixin_43923808的博客

03-07

169

【代码】el-switch 选中状态改成0和1。

element ui中el-switch根据后端传递值进行默认显示

JiaYou_PPZ的博客

06-04

4359

需求：修改一个行数据，弹出一个修改框，其中状态（启用/禁用）使用switch控制。后端返回的状态，分别是1和0，其中0表示禁用，1表示启用。问题：当每次点击修改时，不管后端反馈的状态是1还是0，该行数据的状态开关始终处于关闭状态,。...

el-switch的坑（默认值）

weixin_51780751的博客

11-12

3847

1.如何将字符串转为布尔值 2.value和v-model的区别（包含了@change的渊源） 3.我改写后的代码

el-switch默认值改为1，0后不能回显问题

D_Fortune的博客

07-18

788

【代码】el-switch默认值改为1，0后不能回显问题。

优雅地给element-ui和element-plus的el-tree控件添加结构线

cn_zgt_boss的博客

10-30

9847

优雅地给element-ui和element-plus的el-tree控件添加结构线看 element-ui issues 有不少人提到 el-tree 结构线的需求，官方依然没有支持，我也有这个需求，有搜索到一些直接覆盖 el-tree 的 css 做法，在节点缩进、点击行效果、拖拽等方面没有很贴合的效果，并不是我想要的于是我写了element-tree-line这个组件，作为el-tree子组件的方式，无侵入性，可插拔，很优雅的添加结构线。原理是利用el-tree的slot，添加对应节点的n个s

详解elementui之el-image-viewer(图片查看器)

11-30

在Element UI的不断更新迭代中，它引入了许多实用的新组件，其中之一便是`el-image`，这个组件提供了丰富的图片展示功能。而在`el-image`中，一个特别吸引人的特性就是能够通过`previewSrcList`属性开启预览大图的...

element-ui的switch的change事件

miyachenY的博客

03-15

5110

<el-table-column prop="receiveStatus" align="center" label="默认收货地址" width="200" ><template slot-scope="scope"> 默认收货地址: <el-switch v-model="scope.row.receiveStat.

实现 element-ui popconfirm

热门推荐

小冷_Blog

08-22

1万+

实现原因在中后台的业务开发中，Popconfirm(确认操作弹出框)是一个常见的需求，但 element-ui 仅提供 popover，不支持如 ant design 的 popconfirm，直接使用 popover 做确认框代码复杂的同时还带来一些意料之外的问题，因此选择封装一个简单易用但又支持灵活配置的 Popconfirm组件供业务使用，提高开发效率。解决的问题使用麻烦，需要写较多...

<el-switch></el-switch>

07-23

`<el-switch>` 是 Element UI 提供的一个开关组件，通常用于简单的二选一选择场景，比如启用或禁用某项功能。它的基本结构包含两个部分：滑动开关（switch）和标签（label）。以下是几个主要属性和用法： 1. `value...

el-switch 初始值问题：初始取值不是设定的值

yuxuan89814的专栏

09-16

1749

el-switch is_simple初始值是true，但是进去页面，el-switch是false状态。为什么取不到初始值？解决方法 active-value="true" 变成:active-value="true" inactive-value="false"变成:inactive-value="false" <el-switch class="version_switch" v-model="is_simple" .

ElementUI之 switch开关

qq_39835505的博客

03-09

6432

html <el-table-column label="上下架" width="100px" align="center"> <template slot-scope="{row}"> <el-switch v-model="row.shelf_state" class="switch" :active-value="1" :inactive-value="0" active.

element ui表格中添加开关按钮

weixin_45966674的博客

12-01

5926

又是我们可能会需要在表格中添加类似于启用状态的按钮下面我们一起来看看吧页面代码如下 <el-table-column align="center" label="启用" show-overflow-tooltip> <template #default="{ row }"> <el-switch v-model="row.enable" active-color="#1890FF" inactive-color="

ElementUI组件：Button 按钮

ChinaDragon10的博客

01-30

5161

ElementUI组件：el-button 相关技术

elememtUI 的switch组件默认不起效

github_38928905的博客

01-14

4637

... <el-form-item label="是否显示：" prop="IsShow"> <el-switch v-model="editForm.IsShow" active-color="#13ce66" active-value="1"

element——switch接口成功后赋值打开开关

weixin_43551242的博客

08-28

1358

（在Vue中，冒号(:)被称为v-bind指令的缩写。v-bind指令是Vue中非常强大的一个指令，它用于动态绑定数据到HTML标签的属性中。简而言之，冒号就是v-bind指令的语法糖。**点击switch，出弹窗，点击弹窗保存按钮调接口成功后再赋值（row.orderButtonValue=“1”）打开switch开的状态变颜色。说白了，冒号是用来告诉Vue，我要绑定数据到这个属性里，属性的名称就是冒号后面的部分）在vue 中使用 :value动态的绑定值。