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
相关推荐
yyt3630458418 分钟前
K 线图高性能窗口化渲染
前端·javascript·css·vue.js·gitee·vue
ss27321 分钟前
高版本node启动RuoYi-Vue若依前端ruoyi-ui
前端·javascript·vue.js
饼干,25 分钟前
模拟试卷2
前端·javascript·easyui
winfredzhang1 小时前
零依赖的艺术:用原生 JS 打造“ZenReader”沉浸式阅读器
javascript·frontend·uxdesign·productivity·#webdevelopment
仙人掌一号1 小时前
React 白屏机制原理分析[共1500字,阅读时长8min]
前端·javascript·面试
爱分享的鱼鱼1 小时前
前端密码验证详解:Vue3+Element Plus 方案/纯血Vue 3 方案:从语法解析到实战实现
vue.js·element
sophie旭1 小时前
Suspense+React.lazy--组件渲染如何暂停 → 等待 → 恢复
前端·javascript·react.js
我的div丢了肿么办1 小时前
js中worker的详细讲解
前端·javascript·vue.js
外啫啫1 小时前
vue3实现前端生成word并下载
前端·javascript
+VX:Fegn08952 小时前
计算机毕业设计|基于springboot + vue酒店预约系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计