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
相关推荐
Fanstay98515 分钟前
Vue.js与Flask/Django后端配合:构建高效Web应用
vue.js
一粟10220 分钟前
Vue.js: 构建动态用户界面的现代框架
javascript·vue.js·ui
前端李易安41 分钟前
JavaScript 原型与原型链的特点,使用场景及案例
开发语言·javascript·原型模式
全栈学姐44 分钟前
springbootKPL比赛网上售票系统
java·vue.js·spring boot·后端
凉豆菌1 小时前
1、初始化vue3 electron 项目,及安装报错解决方法
前端·vue.js·electron
沐爸muba1 小时前
JS中的for...in和for...of有什么区别?
前端·javascript
桃花加酥1 小时前
js笔记(二进制由0和1两个数字组成)
java·javascript
慕仲卿2 小时前
为什么要使用补码表示负数
javascript
集成显卡2 小时前
快来用 Rspack/Rsbuild + pnpm 构建你的 monorepo 全栈项目
javascript·webpack·rust
程序员大金2 小时前
基于SpringBoot+Vue+MySQL的校园一卡通系统
java·javascript·vue.js·spring boot·后端·mysql·tomcat