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
相关推荐
帅帅哥的兜兜4 分钟前
猪齿鱼:实现table分页勾选
前端·javascript·vue.js
wicb91wJ65 分钟前
手写一个Promise,彻底掌握异步原理
开发语言·前端·javascript
zs宝来了8 分钟前
Next.js SSR/SSG:路由与渲染模式深度解析
前端·javascript·框架
谢尔登20 分钟前
【Next】客户端组件和服务端组件
前端·javascript·react.js·架构
|晴 天|31 分钟前
Vue 3 项目错误处理实战:Vue ErrorHandler、Promise 监控、用户友好提示
前端·javascript·vue.js
Cobyte31 分钟前
8.响应式系统比对:手写 SolidJS 响应式系统
前端·javascript·vue.js
qiao若huan喜40 分钟前
13、webgl基本概念 + 绘制狮子座星空
前端·javascript·信息可视化·webgl
火乐暖阳8510543 分钟前
Vue3+Node.js
vue.js·node.js·pnpm·koa2·myslq2
吴声子夜歌1 小时前
Vue3——组件基础
前端·javascript·vue.js
Southern Wind1 小时前
Vue 3 + Socket.io 实时聊天项目完整开发文档
前端·javascript·vue.js