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
相关推荐
夏梦春蝉24 分钟前
ES6从入门到精通:常用知识点
前端·javascript·es6
我想说一句33 分钟前
当饼干遇上代码:一场HTTP与Cookie的奇幻漂流 🍪🌊
前端·javascript
markyankee10140 分钟前
使用 Vue 脚手架创建项目的完整指南
vue.js
南屿im41 分钟前
基于 Promise 封装 Ajax 请求:从 XMLHttpRequest 到现代化异步处理
前端·javascript
青松学前端42 分钟前
vue-2.7源码解读之初始化流程和响应式实现
前端·vue.js·前端框架
杨进军42 分钟前
前端线上问题的那些事儿
前端·javascript·前端框架
每天开心44 分钟前
深入探索 React Hooks: useState 与 useEffect 的力量 🌟
前端·javascript·ai编程
流星稍逝1 小时前
Vue3 + Uniapp 图片压缩公共方法封装
前端·vue.js
卸任1 小时前
性能优化大作战:React.memo 在可编辑列表中的奇效
前端·javascript·react.js
WildBlue1 小时前
阮一峰闭包:JavaScript最优雅的"背包"魔法!✨
前端·javascript