首页 > 其他分享 >el-table实现翻页选择和回看

el-table实现翻页选择和回看

时间:2023-02-06 13:56:27浏览次数:43  
标签:el selection 翻页 table selectedList row

html

<el-table
	...
	<!-- row-key的row.id是你的行唯一标识,一般用id,翻页选的关键 -->
	:row-key="row => row.id"
	<!-- selection-change选择后的回调函数 -->
	@selection-change="selectionChange"
>
	<el-table-column
		...
		<!-- 选择框 -->
		type="selection"
		<!-- 回显的关键 -->
		reserve-selection
	>
	</el-table-column>
</el-table>

js

	data(){
		selectedList: [],
	}
	
	methods: {
		//  选择后的回调函数
		selectionChange(selection){
			this.selectedList = []
			selection.forEach(val => {
				this.selectedList.push(val.id)
			})
		}
	}

标签:el,selection,翻页,table,selectedList,row
From: https://www.cnblogs.com/aiyablog/p/17095199.html

相关文章

  • Java实现多选批量删除功能(vue+Element)
    本文实例为大家分享了Java实现多选批量删除功能的具体代码,供大家参考,具体内容如下选择前效果图选中效果图前端Vue代码1、页面显示template使用方法@selection-chan......
  • selenium控制div内滚动条
    1.div内的ID定位及滚动js='document.getElementById("zhizi_mask").scrollTop=10000'driver.execute_script(js)2.div内的classname定位及滚动,注意getElements返回的......
  • 'powershell'/'netsh'不是内部或外部命令,也不是可运行的程序或批处理文件
    笔者win10系统;昨天在配置openssh的时候在cmd里遇到了这两个报错。上网查了一下,解决方法分别是:'powershell':在环境变量path后添加powershell的路径(C:\Windows\System......
  • HelloWorld
    HelloWorld新建一个文件夹,存放代码新建一个java文件文件后缀名为.javaHello.java编写代码publicclassHello{publicstaticvoidmain(String[]arg......
  • Emacs portable 在windows系统中的设置
     虽然说在emacs主要是在linux和mac下使用,但总有人需要在windows上用。但是windows上默认的配置文件路径太长,且放在C盘。通过改变环境变量是最直接的办法。查阅文档(emac......
  • 使用selemium被反爬解决方法
       使用selenium进行自动化的时候,如csdn登录时可能会遇到检测反爬,从而需要验证        1.反爬有时候,我们利用 Selenium 自动化爬取某些网......
  • ElementUI文件上传及服务器接口配置
    后台服务器的搭建入口文件//server.jsconstexpress=require('express')constapp=express()constPORT=4000//引入路由文件上传对应的路由constupload=requ......
  • SQL笔记-select 1与select null
    第一次见到select1和selectnull,有些好奇,在网上找了下相关资料,特此记录研究一下。假设现在有两张表test和seckill,test是一张没有记录的空表,seckill表里则有4条记录;我是在My......
  • elasticHD 安装教程 windows
    1.下载elasticHD_windows_amd64.zip  https://github.com/qax-os/ElasticHD/releases2.在命令行运行这个  .\ElasticHD.exe-p127.0.0.1:98003.命令行中显示:......
  • Redshift Elastic Resize杂记
    Redshift的扩容的节点数不是随意可以配置的,而是和初始状态的集群节点数成比例关系:  Resize大约3T的集群大概20-30分钟,期间集群不可用(已经建立的数据库连接查询会卡......