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
相关推荐
selt79118 分钟前
Redisson之RedissonLock源码完全解析
android·java·javascript
行走的陀螺仪39 分钟前
高级前端 Input 公共组件设计方案(Vue3 + TypeScript)
前端·javascript·typescript·vue·组件设计方案
一颗不甘坠落的流星1 小时前
【Antd】基于 Upload 组件,导入Json文件并转换为Json数据
前端·javascript·json
LYFlied1 小时前
Vue2 与 Vue3 虚拟DOM更新原理深度解析
前端·javascript·vue.js·虚拟dom
小飞侠在吗2 小时前
vue shallowRef 与 shallowReacitive
前端·javascript·vue.js
GISer_Jing2 小时前
WebGL实例化渲染:性能提升策略
前端·javascript·webgl
Gomiko3 小时前
JavaScript进阶(四):DOM监听
开发语言·javascript·ecmascript
syt_10133 小时前
grid布局之-子项放置4
开发语言·javascript·ecmascript
spencer_tseng4 小时前
jquery download
javascript·jquery
极速蜗牛4 小时前
告别部署焦虑!PinMe:前端开发者的极简部署神器
前端·javascript