出现问题的代码:
0表示启用,1表示禁用,发现页面根本没有效果,百思不得其解,查阅资料,恍然大悟。
<el-table :data="userList" stripe border style="width: 100%" height="500">
<el-table-column prop="status" label="用户状态" width="120">
<template #default="scope">
<el-switch v-model="scope.row.status" style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949"
active-value=0 inactive-value=1 />
</template>
</el-table-column>
</el-table>
解决:
active-value没加冒号,值是字符串,所以一直匹配不上数字,需要在属性前面添加:号,才能读取到数字。
:active-value=0 :inactive-value=1
标签:el,数字,value,switch,active,table,选择器
From: https://blog.csdn.net/weixin_73060959/article/details/142309088