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
相关推荐
第七玩家3 小时前
React-异步队列执行方法useSyncQueue
前端·javascript·react.js
少年姜太公3 小时前
让你快速拿捏大厂面试中关于eventloop执行顺序问题
前端·javascript·面试
数学分析分析什么?5 小时前
AntV X6使用Vue组件作为渲染节点
vue.js·antv x6
秋石兰6 小时前
element UI汉语维语双语显示
vue.js·ui·elementui
程序猿大波6 小时前
基于java,SpringBoot和Vue的医院药房药品管理系统设计
java·vue.js·spring boot
qq_533183027 小时前
关于父组件向子组件传值的形式(类型一)
前端·javascript·vue.js
糖朝7 小时前
VUE3开发-9、axios前后端跨域问题解决方案
前端·javascript·vue.js
明耀7 小时前
uniapp或者vue 使用serialport
前端·vue.js·uni-app
黛色正浓7 小时前
【uniapp】新闻列表+跳转详情页+评论展示(uni.request请求接口)
前端·javascript·uni-app
iiismobi8 小时前
前端数据模拟 Mock.js 学习笔记
前端·javascript·vue3·mock.js