首页 > 其他分享 >el-table新增记录,通过id获行记录的控件焦点

el-table新增记录,通过id获行记录的控件焦点

时间:2024-10-23 11:24:10浏览次数:1  
标签:nextTick el console log 控件 indexTemp ids 记录 id


<el-table :data="formData.list" ref="tabRef" class="my-table" >

 <el-table-column label="编码" align="center" min-width="150" class="custom-form-item">
    <template #default="scope">
       <el-form-item :prop="'list[' + scope.$index + '].code'" >
    <el-input v-model="scope.row.code" placeholder="编码为必填"
     maxlength="32" minlength="8"
     :id="'input_'+scope.$index"   clearable></el-input>
      </el-form-item>
    </template>
</el-table-column>

 

</el-table>

 

 

 

 

 

 const { createApp, nextTick} = Vue

 //直接引用nextTick ,不需要this.$nextTick

 

//nextTick,获取更新后的 DOM

nextTick(() => {
        indexTemp=formData.value.list.length-1;
        ids="input_"+indexTemp.toString();
        console.log("ids "+ids);
        console.log("indexTemp "+indexTemp);
        console.log(ids+"...."+$('#'+ids));
        $('#'+ids).focus();
});

标签:nextTick,el,console,log,控件,indexTemp,ids,记录,id
From: https://www.cnblogs.com/smallfa/p/18495985

相关文章

  • electron 中 app 的 getName、setName 方法
    在Electron中,`app.getName()`方法用于获取应用的名称。`app.getName()`用于设置应用名称。一、用途1.识别应用通过获取应用名称,可以在日志、错误消息或用户界面中显示应用的名称,以便更好地识别和区分不同的应用。2.与系统交互在某些情况下,应用名称可能会被操作系统......
  • 【日常记录】gsi system.img 解包
    参考:https://www.cnblogs.com/fanglongxiang/p/13706562.html查看文件类型:android/out/host/linux-x86/bin$file~/tmp/androidt/system.img/home/huaweishi/tmp/androidt/system.img:Linuxrev1.0ext2filesystemdata,UUID=f2face5f-ed9a-59e5-b456-aa5e9dae14d0(ex......
  • STAR: A Simple Training-free Approach for Recommendations using Large Language M
    目录概符号说明STARRetrievalRanking最后的结果LeeD.,KraftA.,JinL.,MehtaN.,XuT.,HongL.,ChiE.H.andYiX.STAR:Asimpletraining-freeapproachforrecommendationsusinglargelanguagemodels.2024.概本文提出了一种融合语义/协同/时序信息的方法,......
  • 使用EasyExcel实现导出excel文件时生成多级下拉选
    前言公司有个需求本来只涉及到两个下拉选项,后面就想能不能实现多个下拉选,当然我这里说的多个下拉选是联动的,比如省、地市、区县这种。实现步骤1、添加EasyExcel的Maven依赖<dependency><groupId>com.alibaba</groupId><artifactId>easyexcel</artifactId><ver......
  • 使用 Elm 语言识别英文数字验证码
    环境准备确保你的Elm环境已设置好。虽然Elm本身不直接支持HTTP请求和图像处理,但我们可以使用外部API来完成这些功能。首先,安装Elm:bashnpminstall-gelm接着创建一个新的Elm项目:bashelminit并在elm.json中添加依赖:json{"dependencies":{"elm/http":......
  • Elasticsearch中的倒排索引是什么?它如何工作?
    Elasticsearch是一个基于Lucene的分布式搜索和分析引擎,它能够快速地存储、搜索和分析大量数据。倒排索引(InvertedIndex)是Elasticsearch和其他全文搜索引擎用来实现高效搜索的核心数据结构。倒排索引的概念在传统的数据库或文件系统中,我们通常使用正向索引来查找信息......
  • 软考刷题记录2
    1.选择题1.以下关于总线的叙述中,不正确的是()。A.并行总线适合近距离高速数据传输B.串行总线适合长距离数据传输C.单总线结构在一个总线上适应不同种类的设备,设计简单且性能很高D.专用总线在设计上可以与连接设备实现最佳匹配答案:C解析:单总线结构如上图所示。计算机的各......
  • docker-compose安装sentinel
    1.获取sentinel.zip,并上传至/data/soft目录下,目录可任意通过网盘分享的文件:sentinel.zip链接:百度网盘请输入提取码提取码:1234--来自百度网盘超级会员v7的分享2.解压sentinel.zip:unzipsentinel.zip注意:如果unzip命令不可用则需要安装unzip:sudoyuminstallunz......
  • 告别满屏的if/else,用了策略模式后让你的代码更优雅
    你还在写满屏的if/else/switch之类的判断逻辑吗?博主在开发人员的代码中看过太多这样的低级代码了,真的太low,极不好维护,本文博主就教你如何用策略模式干掉if/else/switch,让你的代码更优雅。什么是策略模式?比如说对象的某个行为,在不同场景中有不同的实现方式,这样就......
  • Python 学习记录
    前言简单情况:主要记录学习Python的简单情况,包括代码与结果,以及关键注释工具与来源:一下代码与结果都可在JupyterLab上实现,更多情况可看Github使用NumPy可视化数学函数1.可视化f=x1*e(-x12-x22)importnumpyasnpimportmatplotlib.pyplotaspltx1_array=np.linspa......