el-table使用el-switch选择器没效果

出现问题的代码:

0表示启用,1表示禁用,发现页面根本没有效果,百思不得其解,查阅资料,恍然大悟。

javascript 复制代码
 <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没加冒号,值是字符串,所以一直匹配不上数字,需要在属性前面添加:号,才能读取到数字。

javascript 复制代码
 :active-value=0 :inactive-value=1
相关推荐
变与不变80612 小时前
JS作用域,作用域链
前端·javascript·es6
计算机学姐12 小时前
基于SpringBoot的高校爱心慈善管理系统
java·vue.js·spring boot·后端·spring·tomcat·mybatis
雪芽蓝域zzs12 小时前
二十一节:进阶:用户列表批量删除功能
前端·javascript·vue.js
研☆香13 小时前
可选链运算符和空值合并运算符的使用
前端·javascript·vue.js
雪芽蓝域zzs13 小时前
第二十七节:进阶:路由权限控制 + 404 / 401 全局异常页面开发
前端·javascript·html
光影少年13 小时前
react navite 简单原生方法双向调用示例
javascript·react native·react.js
zzzzzz31013 小时前
react-bits:把“酷炫组件”放回 React 组件化的语境里看
javascript·react.js·动效
平头哥技术团队1 天前
Day 10 | 工欲善其事:VS Code 配置与项目归档
android·开发语言·前端·javascript·html·交互
yume_sibai1 天前
Element Plus 数据展示组件完全指南(15个核心组件)
前端·javascript·vue.js
剑之所向1 天前
.NET 官方`System.Threading.Channels`
前端·javascript·数据库