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
相关推荐
我命由我123451 小时前
React Router 6 - 编程式路由导航、useInRouterContext、useNavigationType
前端·javascript·react.js·前端框架·html·ecmascript·js
橙露3 小时前
JavaScript 异步编程:Promise、async/await 从原理到实战
开发语言·javascript·ecmascript
2301_780669863 小时前
前端logo替换开发
前端·vue.js
我命由我123453 小时前
React Router 6 - 嵌套路由、路由传递参数
前端·javascript·react.js·前端框架·html·ecmascript·js
十六年开源服务商4 小时前
2026年WordPress网站地图完整指南
java·前端·javascript
英俊潇洒美少年5 小时前
MessageChannel 如何实现时间切片
javascript·react.js·ecmascript
技术钱6 小时前
react数据大屏四种适配方案
javascript·react.js·ecmascript
李明卫杭州6 小时前
JavaScript 严格模式下 arguments 的区别
前端·javascript
一次旅行6 小时前
今日心理学知识分享(三)
开发语言·javascript·程序人生·ecmascript
牛十二7 小时前
openclaw安装mcporter搜索小红书
开发语言·javascript·ecmascript