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
相关推荐
—Qeyser7 分钟前
Flutter Text 文本组件完全指南
开发语言·javascript·flutter
程序员小李白12 分钟前
js数据类型详细解析
前端·javascript·vue.js
Kratzdisteln19 分钟前
【1902】0120-3 Dify变量引用只能引用一层
android·java·javascript
满栀58522 分钟前
jQuery 递归渲染多级树形菜单
前端·javascript·jquery
qq_3380329238 分钟前
Vue/JS项目的package.json文件 和java项目里面的pom文件
java·javascript·vue.js·json
月明长歌42 分钟前
Selenium中隐式等待(Implicit Wait)和显式等待(Explicit Wait)的区别
前端·javascript·selenium
姜太小白44 分钟前
【前端】JavaScript字符串执行方法总结
开发语言·前端·javascript
半兽先生1 小时前
解决使用jsPDF实现表格数据导出pdf功能时中文乱码问题
前端·vue.js·elementui
qq_406176141 小时前
吃透JS异步编程:从回调地狱到Promise/Async-Await全解析
服务器·开发语言·前端·javascript·php