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
相关推荐
李少兄16 分钟前
JavaScript 对象完全指南
开发语言·javascript·ecmascript
何何____31 分钟前
web方向js考核题解
开发语言·前端·javascript
liangshanbo121531 分钟前
面试题终极整理:手写 Promise.all / Promise.allSettled
前端·javascript·promise
单线程1213843 分钟前
从案例分析 Vue3 Tokenizer+Parser 源码五
前端·javascript·vue.js
变与不变8063 小时前
Debug 调试与排错规范
前端·javascript
lemon_sjdk10 小时前
DOM 节点
java·前端·javascript
leoZ23110 小时前
2026-09-09-springboot-cloud-deploy-pitfalls
java·前端·javascript·vue.js·人工智能·spring boot·后端
芭拉拉小魔仙11 小时前
Vue 2 门诊收费系统中的医保结算流程设计与实践
前端·javascript·vue.js
moonrailgun11 小时前
用 Node.js 复刻 Codex Astra 的终端星光
前端·javascript·算法
默_笙12 小时前
💫 给金鱼建图书馆(下):Milvus 向量数据库,让 AI 拥有长期记忆
前端·javascript