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"


代码:

资料:

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

你可能感兴趣的:(前端开发,vue.js,elementui,前端,switch,v-model,el-switch)