el-switch状态不起作用解决(switch开关绑定值修改)
switch开关经常用在是否启用的场合,但是switch默认绑定值的类型是布尔类型,即true和false,在实际的项目中,后端的接口都会用0和1来代替,如何将数值与状态进行关联呢?
我们可以用active-value绑定要启用状态的值,用inactive-value绑定禁用状态的值,这两个值默认对应的是字符串类型。
<el-table-column label="是否启用">
<template slot-scope="obj">
<el-switch
v-model="obj.row.status"
active-color="#13ce66"
inactive-color="#cccccc"
active-value="1"
inactive-value="0"
@change="changeStatus(obj.row.id)"
>
</el-switch>
</template>
</el-table-column>
如果接口返回的status是数字类型的,需要加上动态绑定,代码如下:
<el-table-column label="是否启用">
<template slot-scope="obj">
<el-switch
v-model="obj.row.status"
active-color="#13ce66"
inactive-color="#cccccc"
:active-value="1"
:inactive-value="0"
@change="changeStatus(obj.row.id)"
>
</el-switch>
</template>
</el-table-column>
1、所有文章未经授权禁止转载、摘编、复制或建立镜像,如有违反,追究法律责任。
2、本站文章部分来源注册用户发布或互联网收集而来,若有侵权,请邮件联系作者。
邮箱地址:wtao219@qq.com
2、本站文章部分来源注册用户发布或互联网收集而来,若有侵权,请邮件联系作者。
邮箱地址:wtao219@qq.com
THE END
二维码