switch开关点击无效的解决办法:element中switch v-model绑定的值为数字类型情形

在用到el-switch组件时,需要绑定数据为number类型,但总也绑不成功
element官方文档上说:设置该组件的active-value和inactive-value属性,可接受Boolean, String或Number类型的值。

解决办法:
1,使用number将绑定的v-model改为number类型

v-model.number="scope.row.status"

这样没用,连switch按钮都绑定不上去

2、后来发现,当value为Number类型的时候active-value和inactive-value前边必须加:单项绑定一下才可以。
而active-value和inactive-value等号后边的值得引号是可有可无的。

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


代码:

<el-switch
            v-model.number="scope.row.status"
            :active-value="1"
            :inactive-value="2"
            v-hasPermi="['operation:slideshow:soldout']"
            @change="handleStatusChange(scope.row)"
          ></el-switch>

资料:

element中switch v-model绑定的值为数字类型情形 - 简书在用到el-switch组件时,需要绑定数据为number类型,但总也绑不成功element官方文档上说:设置该组件的active-value和inactive-value属...https://www.jianshu.com/p/852bcd558055

  • 11
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

南北极之间

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值