有这样一个需求
使用iview组件的table时，在第一列添加选择框，进行批量操作

1. 方式

vue部分

	<Table
	   stripe
	   ref="tables"
	   :data="tableData"
	   :columns="columns"
	   @on-select="handleSelectRow()"
	 />

js部分----columns
columns第一列如下：

 columns: [
        {
          type: 'selection',
          width: 60,
          align: 'center'
        }
	]

js部分----@on-select

	// 多选
    handleSelectRow () {
      let ids = [];
      this.$refs['tables'].getSelection().map(item => {
        ids.push(item.id)
      })
      // this.selectIds = ids
      console.log(ids)
      return ids
    },

2. 使用

在需要用的地方直接调用就可以

	//参数，数组
    var ids = this.handleSelectRow()

---

源码地址

传送门
开源项目，持续不断更新中，喜欢请 Star~

项目推荐

IT-CLOUD :IT服务管理平台，集成基础服务，中间件服务，监控告警服务等