Bootstrap

vue+elementUI传一组id到后台

vue+elementUI传一组id到后台(ids数组)

以批量删除为例

  • 想穿一组id到后台,首先得获取id
  • 想获取id, 首先得实现多选

如何实现表格多选?
官网原图自己看啦
https://element.eleme.io/#/zh-CN/component/table
在这里插入图片描述
带着选中行的表单数据(tableChecked)执行balchDelete(rows)方法
tableChecked对应balchDelete(rows)方法中的rows

	<el-button type="primary" @click="balchDelete(tableChecked)">
		<i class="el-icon-delete"></i>删除
	</el-button>

在data()的return中写一个ids:[] (新建数组用来放id值)
在这里插入图片描述
element表示选中行的数据
element.id自然就是选中行的id了
用this.ids.push(element.id)来把选中行的id放到ids的数组中

balchDelete(rows) {
   
	if (rows.length <= 0) {
   //选中0条数据时
		this.$message
;