关于修改wl-switch的值，状态开关不显示的问题

最新推荐文章于 2023-11-04 10:08:55 发布
最新推荐文章于 2023-11-04 10:08:55 发布
阅读量247 收藏
点赞数 1
文章标签： javascript 前端 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_56733569/article/details/129926325
版权

在使用el-switch动态绑定值的时候，修改值后，查询到数据库也已经修改了，但是表格里面的开关却不能正确显示状态，后面排查才发现了问题，特此记录

主要绑定的active-value和inactive-value两个属性写错了，接口返回的是字符串，字符串类型的话就不需要加冒号，而我一开始的时候加了冒号就导致显示出现了问题，当绑定的是数字的话才需要加冒号！

	**字符串：**

	active-value = "1"
	inactive-value = "0"

	**数字：**

	:active-value = "1"
	:inactive-value = "0"

改完之后就能正常显示啦
在这里插入图片描述

在这里插入图片描述

燕哥学前端
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
wl-gantt:wl-gantt：一个简单易用且高度可配置的甘特图进度计划项目管理插件。An easy-to-use gantt plug-in for the vue framework
05-05
wl-gantt 简介 甘特图（Gantt chart）又称为横道图、条状图(Bar chart)、生产计划进度图。其通过条状图来显示项目，进度，和其他时间相关的系统进展的内在关系随着时间进展的情况。以提出者亨利·劳伦斯·甘特...
wl-explorer:用于vue框架的文件管理器插件，云盘、网盘。File manager plug-in for vue framework, cloud disk
04-28
wl-explorer简介用于vue框架的文件管理器插件，云盘。File manager plug-in for vue framework, cloud disk.一个基于Vue和ElementUi的文件管理器插件，提供类似某云盘操作台的功能。此组件较为复杂，并且有些设定...
el-switch 开关设置失败状态不变
weixin_52164116的博客
08-15 1077
el-switch 开关设置失败状态不变。
el-switch 赋值后状态不变化
清心寡欲的博客
06-08 1687
scope.row.value 返回的数据是0和1，但是绑定value开关不显示原始代码：active-value="1" inactive-val
el-switch无法回显问题
qq_43610311的博客
08-11 3047
当后台返回0或1时时，一定要设置下面两个属性，才能让开关正常回显。如果不设置就会出现后台返回的数据是0或1，但是当你打印后台返回的数据时，全部变成了false <el-switch v-model="scope.row.enable" active-color="#13ce66" inactive-color="#ff4949" :active-value="1" //重要 :in
vue使用iview组件库的Switch开关组件不显示问题
BiangBaing的博客
07-20 994
这是在页面中使用的开关组件，按照iview官网正常使用，但是页面中不显示。查了官网也没有说明，不知道我这边是少样式文件还是怎样 <Switch v-model="isValids" @on-change="changeisValids" /> 解决方法： 标签前面加上i- 我这边就可以正常显示并使用了 <i-Switch v-model="isValids" @on-change="changeisValids" /> ...
iview Table中switch值无法刷新问题
qq_40237472的博客
05-20 688
table里面的开关在修改状态以后，翻页后状态不在变化。 render: (h, params) => { return h('i-switch', { props: { size: "large", value: params.row.filter
ElementUI switch 修改值的坑
ccc476805229的博客
04-04 593
通过方法allAttendance 去修改全部的值，发现值发生改变了，但是switch开关没产生变化， 是因为设置的值是String类型 只要改成 就可以了
wl-clipboard:Wayland的命令行复制粘贴实用程序
05-09
wl-clipboard：Wayland剪贴板实用程序该项目实现了两个命令行Wayland剪贴板实用程序wl-copy和wl-paste ，使您可以轻松地在剪贴板和Unix管道，套接字，文件等之间复制数据。 用法很简单： # copy a simple text ...
华硕WL-520gc超值125Mbps无线路由器.pdf
10-09
华硕WL-520gc超值125Mbps无线路由器.pdf
联想LXM-WL19AH 19英寸液晶显示器不通电
01-20
故障现象：一台联想LXM-WL19AH 型彩电，指示灯不亮。 　分析检修：拆机检查发现内置电源板电源坏了，这款电源高压一体化板子，电源实物如图1所示。拆机后检查发现保险管、开关管7N60击穿，继续测量14V和5V整流...
el-radio或者el-switch change事件，监听到值改变了，但界面没变的解决方法
最新发布
c_qianxia5040的博客
11-04 983
在change事件中添加。
Element 中switch绑定值为0和1
越陌度阡
12-19 9107
switch开关经常用在是否启用的场合，但是switch默认绑定值的类型是布尔类型，即true和false，在实际的项目中，后端的接口都会用0和1来代替，如何将数值与状态进行关联呢？ 我们可以用active-value绑定要启用状态的值，用inactive-value绑定禁用状态的值，这两个值默认对应的是字符串类型。 <el-table-column label="是否启用"> <template slot-scope="obj"> <el-sw.
微信小程序-switch
QEcode的博客
10-02 1167
switch
uview——switch开关 列表修改状态
努力、拼搏、奋进
02-13 1222
uview——switch开关 列表修改状态
vue中数据改变，视图不更新的原因以及解决方法（强制更新视图）
热门推荐
小太阳的博客
03-16 1万+
我们在开发过程中会碰到数据更新，但是视图并未改变的情况，情况如下： 1.数组数据改变时，使用某些方法操作数组，数据变了，但是视图并没改变。（页面没有监测到数据改变） 解决办法： 使用下面这些方法操作数组，其数据会被vue监测 push()、pop()、shift()、unshift()、splice()、sort()、reverse()可被vue监测到。 替换数组： 例如filter()、concat()和slice(),这些不会改变原始数组，但是会返回一个新数组。可以用新数组替代原数组。你可能认为这将
el-table中点击el-switch没效果
yangxx的博客
05-06 4659
el-table中点击el-switch值是改变了，但是滑块不能左右滑动 记录下本菜鸟遇到的基础问题 <el-table-column label="开关" width="60%" align="center"> <template slot-scope="scope"> <el-switch v-model="scope.row.state" active-color="#62B4D0" inactive-color="#8a93
vue踩坑之 el-switch 回显不生效
m0_59227402的博客
02-27 883
Number类型的值active-value和inactive-value前面要加冒号。后端返回数据到前端，el-switch没反应。
wl-gantt的用法
07-27
wl-gantt是一个用于生成甘特图的工具。它可以帮助用户创建和管理项目计划，并以可视化的方式展示任务的时间安排和进度。使用wl-gantt，用户可以通过简单的命令行操作来定义任务、设置任务的开始和结束时间、添加依赖...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值