首页 > 其他分享 >el-table使用el-switch选择器没效果

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

时间:2024-09-17 14:52:26浏览次数:9  
标签:el 数字 value switch active table 选择器

出现问题的代码:

0表示启用,1表示禁用,发现页面根本没有效果,百思不得其解,查阅资料,恍然大悟。

 <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没加冒号,值是字符串,所以一直匹配不上数字,需要在属性前面添加:号,才能读取到数字。

 :active-value=0 :inactive-value=1

标签:el,数字,value,switch,active,table,选择器
From: https://blog.csdn.net/weixin_73060959/article/details/142309088

相关文章

  • el-select组件:选择某个选项触发查询
    在使用ElementUI的el-select组件时,我们经常需要在用户选择某个选项后执行一些操作,比如发送请求以查询新的数据。这种场景下,我们通常会利用el-select的@change事件来监听选项的变化,并在事件处理函数中执行我们需要的逻辑。以下是一个简单的示例,展示了如何在el-select选择变化......
  • 操作系统名词_文件下载_反弹shell_1
    目录名词解释Poc、EXP、Payload与shellcode后门木马、病毒黑白盒测试社会工程学、撞库ATT&CK应用实例实用案例1:文件上传下载-解决无图形化&解决数据传输实用案例2:反弹shell命令-解决数据回显&解决数据通讯结合案例1:防火墙绕过-正向连接&反向连接&内网服务器 #结......
  • COMP3702 Artificial Intelligence BeeBot MDP
    COMP3702ArtificialIntelligence(Semester2,2024)Assignment2:BeeBotMDPKeyinformation:Due:1pm,Friday20September2024Thisassignmentassessesyourskillsindevelopingdiscretesearchtechniquesforchallengingproblems.Assignment2contrib......
  • 【Linux进程】Linux Shell编程实战:构建简易脚本示例与技巧详解
    ......
  • AnomalyLLM: Few-shot Anomaly Edge Detection for Dynamic Graphs using Large Langu
    本文是LLM系列文章,针对《AnomalyLLM:Few-shotAnomalyEdgeDetectionforDynamicGraphsusingLargeLanguageModels》的翻译。AnomalyLLM:使用大型语言模型对动态图进行少量异常边缘检测摘要1引言2相关工作3前言4方法5实验6结论摘要检测动态图的......
  • ANAH: Analytical Annotation of Hallucinations in Large Language Models
    本文是LLM系列文章,针对《ANAH:AnalyticalAnnotationofHallucinationsinLargeLanguageModels》的翻译。ANAH:大型语言模型中幻觉的分析注释摘要1引言2数据集构造3幻觉注释器4实验5相关工作6结论和未来工作7局限性摘要减少大型语言模型(LLM)的......
  • linux-shell -cat命令使用
    Linuxcat命令详解cat命令是linux下的一个文本输出命令,通常是用于观看某个文件的内容的;cat主要有三大功能:1.一次显示整个文件。$cat  filename2.从键盘创建一个文件。$cat > filename只能创建新文件,不能编辑已有文件.3.将几个文件合并为一个文件。$cat  ......
  • 除了不要SELECT *,SQL还有哪些优化技巧?
    应用程序慢如牛,原因多多,可能是网络的原因、可能是系统架构的原因,还有可能是数据库的原因。那么如何提高数据库SQL语句执行速度呢?有人会说性能调优是数据库管理员(DBA)的事,然而性能调优跟程序员们也有莫大的关系。程序中嵌入的一行行的SQL语句,如果使用了一些优化小技巧,定能达到事半......
  • 除了不要SELECT *,SQL还有哪些优化技巧?
    应用程序慢如牛,原因多多,可能是网络的原因、可能是系统架构的原因,还有可能是数据库的原因。那么如何提高数据库SQL语句执行速度呢?有人会说性能调优是数据库管理员(DBA)的事,然而性能调优跟程序员们也有莫大的关系。程序中嵌入的一行行的SQL语句,如果使用了一些优化小技巧,定能达到事半......
  • IntelliJ IDEA内置代码文档汉化简单指南
    测试环境:IntelliJIDEA2024.1(CommunityEdition)IntelliJIDEA,作为一款业界领先的集成开发环境(IDE),提供了丰富的代码提示和文档支持功能,极大地促进了开发者的编码效率。然而,对于中文用户,尤其是初学者,英文的代码文档提示可能会成为理解和使用的障碍。因此,将IntelliJIDEA......