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
相关推荐
Asort13 分钟前
JavaScript设计模式(八):组合模式(Composite)——构建灵活可扩展的树形对象结构
前端·javascript·设计模式
木觞清28 分钟前
喜马拉雅音频链接逆向实战
开发语言·前端·javascript
一枚前端小能手32 分钟前
「周更第6期」实用JS库推荐:InversifyJS
前端·javascript
叉歪33 分钟前
纯前端函数,一个拖拽移动、调整大小、旋转、缩放的工具库
javascript
Hilaku33 分钟前
"事件委托"这个老古董,在现代React/Vue里还有用武之地吗?
前端·javascript·vue.js
向葭奔赴♡1 小时前
前端框架学习指南:提升开发效率
前端·javascript·vue.js
小高0071 小时前
🔥🔥🔥Vue 3.5 核弹级小补丁:useTemplateRef 让 ref 一夜失业?
前端·javascript·vue.js
一个不爱写代码的瘦子1 小时前
Map、weakMap和Set、weakSet
前端·javascript
itslife1 小时前
vite 源码 -
前端·javascript
Nayana1 小时前
从项目架构开始了解Element-Plus组件库
javascript·前端框架