首页 > 其他分享 >el-table修改某一行数据不生效怎么回事?

el-table修改某一行数据不生效怎么回事?

时间:2023-11-29 10:25:36浏览次数:33  
标签:pwdTemp el val index str 生效 table row

 1 <el-table
 2     ref="multipleTable"
 3     :class="{ 'no-multiple': !isMultiple }"
 4     @select="selectTable"
 5     border
 6     :key="isUpdate"
 7     :data="tableData"
 8   >
 9 <el-table-column label="密码" prop="pwd">
10 <template slot-scope="s">
11 <div v-else-if="col.field == 'pwd'">
12    <i v-if="s.row['pwdTemp'].indexOf('****')>-1"  class="el-icon-view icon-eye" @click="view(s.$index, s.row)"></i>
13    <i v-else  class="iconfont icon-yanjing-biyan icon-eye" @click="view(s.$index, s.row)"></i>
14    <span>{{ s.row['pwdTemp'] }}</span>
15 </div>
16 </template>
17 </el-table-column>
18 </el-table>
 1 // 隐藏密码
 2     hidePassword(val) {
 3       let str = ''
 4       for (let i = 0; i < val.length; i++) {
 5         if (i == 0) {
 6           const s = val.slice(i, 1)
 7           str = str.concat(s)
 8         } else if (i == val.length - 1) {
 9           const s = val.slice(i - 1, i)
10           str = str.concat(s)
11         } else {
12           str = str.concat('*')
13         }
14       }
15       return str
16     },
17     //显示隐藏密码操作,控制某一行数据密码的显示、隐藏
18     view(index, row) {
19       if (row['pwdTemp'].indexOf('****') > -1) {
20         this.$set(row,'pwdTemp',row['pwd'])
21       } else {
22         this.$set(row,'pwdTemp',this.hidePassword(this.tableData[index]['pwd']))
23       }
24       this.tableData.splice(index,1,row)
25       this.isUpdate = !this.isUpdate; //每次改变key值则可以触发表格数据更新
26     }

 

 

标签:pwdTemp,el,val,index,str,生效,table,row
From: https://www.cnblogs.com/xiaoqilaile/p/17863916.html

相关文章

  • Windows 11 version 22H2 中文版、英文版 (x64、ARM64) 下载 (released Nov 2023)
    Windows11version22H2中文版、英文版(x64、ARM64)下载(releasedNov2023)Windows11,version23H2,2023年10月31日发布(本月暂未更)请访问原文链接:https://sysin.org/blog/windows-11/,查看最新版。原创作品,转载请保留出处。作者主页:sysin.orgWindows11目前版......
  • 使用Accelerate库在多GPU上进行LLM推理
    大型语言模型(llm)已经彻底改变了自然语言处理领域。随着这些模型在规模和复杂性上的增长,推理的计算需求也显著增加。为了应对这一挑战利用多个gpu变得至关重要。所以本文将在多个gpu上并行执行推理,主要包括:Accelerate库介绍,简单的方法与工作代码示例和使用多个gpu的性能基准测......
  • 【Azure Web Job】Azure Web Job执行Powershell脚本报错 The term 'Select-Az
    问题描述AzureWebJob执行Powershell脚本报错 Select-AzContext:Theterm'Select-AzContext'isnotrecognizedasthenameofacmdlet,function,scriptfile,oroperableprogram.Checkthespellingofthename,orifapathwasincluded,verifythatthepa......
  • SeaTunnel引擎下的SQL Server CDC解决方案:构建高效数据管道
    在快速发展的数据驱动时代,实时数据处理已经成为企业决策和运营的关键因素。特别是在处理来自各种数据源的信息时,如何确保数据的及时、准确和高效同步变得尤为重要。本文着重介绍了如何利用SqlServerCDC源连接器在SeaTunnel框架下实现SQLServer到其他数据系统的实时数据同......
  • element-plus之form表单场景大全
    1.:validate-event="false"的作用是,当前这个表单change或者blur的时候不进行表单校验,只有提交按钮验证时候才校验标红框,场景运用:当切换其他tab也好,根据select1选的值,然后给select2赋值,结果没查到select2为空数组时候自动标红,类似这种不想要红的可以处理<el-select......
  • Linux shell简介
    Linuxshell简介一、什么是shell?shell是一个用C语言编写的程序,它是用户使用Linux的桥梁。Shell既是一种命令语言,又是一种程序设计语言。Shell是指一种应用程序,这个应用程序提供了一个界面,用户通过这个界面访问操作系统内核的服务。为什么要学习和使用shell?Shell属于......
  • 无涯教程-F# - 可变列表(Mutable List)
    List<'T>类表示可以通过索引访问的对象的类型列表,它与数组相似,因为它可以由索引访问,但是,与数组不同,可以调整列表的大小。创建可变列表使用new关键字并调用列表的构造函数来创建列表。以下示例演示了这一点-(*CreatingaList*)openSystem.Collections.Genericletboo......
  • MATLAB Bessel函数的零点计算
    0~9阶的贝塞尔函数零点的计算公式,其中理论上计算零点个数N在50以内时较为精确:Airy光束,基模高斯光束Bessel光束经过大气湍流相位屏的传输特性functionrootBessel=besal_pi0(n,N)%求解n阶贝塞尔函数的零点(0-9)%n为贝塞尔函数阶数%N为要求的零点数量j=zeros......
  • 关于 xshell 连不上远程 CentOS7 云服务器的问题
    前情提要:今天收到腾讯云发来短信提示我的云服务器在17:23分时异地登录,我震惊,因为今天貌似根本没登过云服务器于是我赶紧上腾讯云控制台查看,先修改密码,然后重启,最后关机在接近19点时我重新开机,再次修改了密码,然后按照网上的教程关闭定时任务,查找有没有守护进程或者挖矿病毒,无果......
  • 基于FPGA的图像sobel锐化实现,包括tb测试文件和MATLAB辅助验证
    1.算法运行效果图预览   将FPGA的仿真结果导入到matlab显示图像效果   2.算法运行软件版本MATLAB2022a,vivado2019.2 3.算法理论概述       基于FPGA的图像Sobel锐化实现,是一种通过使用Sobel算子对图像进行边缘检测,从而提高图像清晰度的方法。Sobel......