首页 > 其他分享 >vue获取el-table当中选中行的各列数据

vue获取el-table当中选中行的各列数据

时间:2023-11-16 16:34:07浏览次数:41  
标签:el selection idList index 获取 vue 各列 id

 

 首先在标签中声明

@selection-change="handleSelectionChange"

之后在script中的methods当中编写该方法

console.log(this.$refs.cgTable.selection); 这一行代码可以获取你所选择的所有行 this.idList = this.$refs.cgTable.selection.map((item) => item.id); 运用map获取所有行当中的id for (let index = 0; index < this.idList.length; index++) {         const element = this.idList[index];         console.log(element);       } 循环读取即可获取id 之后将id作为参数对后端传参

标签:el,selection,idList,index,获取,vue,各列,id
From: https://www.cnblogs.com/qq2803572183/p/17836625.html

相关文章

  • Log4Delphi日志学习
    转载请注明出处:https://www.cnblogs.com/coder163/p/9309717.htmlhttps://log4delphi.sourceforge.net/tutorial.htmlLog4D下载:官网地址导入Delphi:Tool-->Options-->EnvironmentOptions--->DelphiOptions--Library-->Librarypath 三个目录使用载入配置文件菜单--->P......
  • Vue脚手架分析
    1创建脚手架1、在目标目录创建vue脚手架。vuecreatevue_test。2、选择vue2版本。 3、创建成功4、运行5、使用浏览器查看 6、停止工程crtl+c停止工程。  2目录分析 ......
  • Fiddler not intercepting PowerShell web requests
    FiddlernotinterceptingPowerShellwebrequestsFiddleractuallyworksviaaproxy,andautomaticallysetsproxysettingsinIEwhenrunning.Youcancheckthisbylaunchingfiddlerandthenchecking"LanSettings"underInternetOptions>......
  • el-radio 再次点击取消选中
    参考ElementUI中el-radio再次点击取消选中<el-radio-groupv-model="radio"><el-radio:label="1"@click.native.prevent="radioClick(1)">备选项</el-radio></el-radio-group>//prevent阻止默认事件data(){ret......
  • 1-1875D - Jellyfish and Mex
    题意:有一个长度为\(n\)的数组,每次删除一个数直到删完,求每次删除后数组的mex的和的最小值。(\(\sumn\leq5000,a_i\leq10^9\))思路:排序后,只有从0开始连续的数在会有贡献,对于连续的数,如果要消去他的对答案的贡献,只有全部去掉才行,考虑n的范围小于5000,n^2做法被允许。//因为排......
  • VUE~~文字动起来(天气)
    图标库:npminstallqweather-icons@import"qweather-icons/font/qweather-icons.css";<template><a-spin:spinning="data.loading"><divstyle="height:132px;padding:10px16px16px16px;......
  • Vue3实战 - 第一章 node.js/npm安装、配置
    一、node.js 安装(windows)1、下载并安装nodehttps://nodejs.org/en安装到 D:\Java\nodes 路径2、配置环境变量检查是否安装成功3、配置全局包存放目录和缓存目录npmconfigsetprefix"D:\nodejs\node_global"npmconfigsetcache"D:\nodejs\node_cache"4、安......
  • 去除:Vue项目打包后生成的.map文件&文件hash值命名
    在vue.config.js文件中设置productionSourceMap和filenameHashing项为false即可。//vue.config.js文件module.exports={outputDir:'dist',assetsDir:'assets',publicPath:'./',//需注意是相对路径,不然dist打包访问后就会出现空白问题。productionSourceMap......
  • Xshell7 显示需要更新安装版本,才能继续使用-解决
    昨天还在使用,今天打开的时候,就遇到Xshell7,提示"要继续使用此程序,您必须应用最新的更新或使用新版本"网上找了下解决方法,最终尝试一种方法进行了解决:方法一:更新电脑系统时间为2022-11-16日,再次打开xshell就可以使用了。但这种方法有个弊端,需要每次打开前都更新系统时间......
  • 详解数据库SQL中的三个语句:DROP、TRUNCATE 、DELETE
    本文分享自华为云社区《GaussDB数据库SQL系列-DROP&TRUNCATE&DELETE》,作者:Gauss松鼠会小助手2。一、前言在数据库中,SQL作为一种常用的数据库编程语言,扮演着至关重要的角色。SQL不仅可以用于创建、修改和查询数据库,还可以通过DROP、DELETE和TRUNCATE等语句来删除数据。这些......