el-table使用el-switch选择器没效果

news/2024/9/20 6:13:33 标签: vue.js, elementui, javascript

出现问题的代码:

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


http://www.niftyadmin.cn/n/5666720.html

相关文章

MySQL迁移达梦,两个数据库的不同之处,需要修改的地方有哪些(持续更新)

1、DATEDIFF函数参数不同 MySQL&#xff1a;DATEDIFF(date1, date2) 达梦&#xff1a;DATEDIFF(DAY/MONTH, date1, date2) 2、去重 MySQL&#xff1a;去重可以使用DISTINCT、GROUP BY、子查询多种方式。比如&#xff1a;SELECT a.* FROM a LEFT JOIN b ON a.id b.aId GROUP B…

计算机网络34——Windows内存管理

1、计算机体系结构 2、内存管理 分为连续分配管理和非连续分配管理 在块内存在的未使用空间叫内部碎片&#xff0c;在块外存在的未使用空间叫外部碎片 固定分区分配可能出现内部碎片&#xff0c;动态分区分配可能出现外部碎片 3、逻辑地址和实际地址的互相转换 4、缺页中断 …

jenkins 部署到tomcat

将 Jenkins 部署到 Tomcat 需要将 Jenkins 的 WAR 文件部署到 Tomcat 中。以下是详细步骤&#xff1a; 1. 准备环境 确保你已经安装了 Tomcat 并且 Tomcat 服务正在运行。你可以使用 apt-get 安装 Tomcat&#xff0c;如下所示&#xff08;以 Tomcat 9 为例&#xff09;&#…

OpenCV 1

前言&#xff1a;开新坑辽&#xff0c;&#xff0c; 目录 计算机眼中的图像 视频的读取与处理 ROI区域 边界填充 数值计算 腐蚀操作 膨胀操作 开运算与闭运算 梯度计算 礼貌与黑帽 Sobel算子 梯度计算方法 scharr与laplacian 计算机眼中的图像 灰色图片&#xff0…

Text2SQL论文笔记 A Survey on Employing Large Language Models for Text-to-SQL Tasks

摘要 存储在关系数据库中的数据量不断增加&#xff0c;导致在各个领域中需要高效地查询和利用这些数据。然而&#xff0c;编写SQL查询需要专业知识&#xff0c;这对非专业用户来说是一个挑战&#xff0c;他们试图访问和查询数据库。文本到SQL解析通过将自然语言查询转换为SQL查…

Ubuntu22.04关闭631端口的方法

何为631端口? 631端口主要用于访问和控制网络打印服务,是linux下CUPS(Common UNIX Printing System,通用UNIX打印系统)服务的端口。Linux中的CUPS(Common UNIX Printing System,通用UNIX打印系统)是一个开源的打印系统,它提供了一套完整的管理打印设备、实现可靠打印…

【微服务-注册中心】

注册中心的作用&#xff1a; 微服务将业务拆分成了一个一个服务&#xff0c;当实现一个业务的时需要调用多个服务&#xff0c;那么每个服务的调用都需要知道它的URL。如何更方便的调用&#xff0c;注册中心就出现了。 我们可以把注册中心当作通讯录&#xff0c;通讯录中记录了服…

Leetcode 93-复原 IP 地址

有效 IP 地址 正好由四个整数&#xff08;每个整数位于 0 到 255 之间组成&#xff0c;且不能含有前导 0&#xff09;&#xff0c;整数之间用 ‘.’ 分隔。 例如&#xff1a;“0.1.2.201” 和 “192.168.1.1” 是 有效 IP 地址&#xff0c;但是 “0.011.255.245”、“192.168.…