在用到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>
资料: