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
相关推荐
菜鸟小码39 分钟前
MapReduce 核心阶段深度解析:Map 阶段与 Reduce 阶段的作用及执行流程
前端·javascript·mapreduce
@大迁世界1 小时前
33.如何在 React 中使用内联样式(inline styles)?
前端·javascript·react.js·前端框架·ecmascript
不法1 小时前
vue 地图路线渲染
前端·vue.js·ubuntu
我家媳妇儿萌哒哒1 小时前
Element ui el-dialog 在一个有滚动条的页面,打开一个弹框,完了再打开一个弹框后,滚动条可以滚动,怎么限制不能滚动。
前端·vue.js·ui
得想办法娶到那个女人1 小时前
Vite + Vue 项目打包为 Electron 桌面应用 完整指南
前端·vue.js·electron
费曼学习法1 小时前
快速选择算法:如何在 10 亿数据中瞬间找到“第 K 大”?
javascript·算法
用户962377954481 小时前
原理分析 | Controller —— SpringBoot 内存马
javascript·后端
写代码的皮筏艇1 小时前
replace方法
前端·javascript
无心使然2 小时前
Openlayers调用ArcGis地图服务之五 —— 要素识别(/identify)
前端·vue.js·数据可视化
李李李勃谦2 小时前
Vue3 + Electron + OpenHarmony 跨平台实战:从架构设计到 Markdown 编辑器完整实现
javascript·华为·electron·编辑器·harmonyos