el-table点击button获取所有选中状态复选框的值

1、<el-table>标签写入 ref="multipleTable"

2、<el-table-column>标签写入 type="selection"

3、<el-button>标签写入 @click=""

4、methods中button对应的click事件方法中写入 this.$refs.multipleTable.selection

<el-table :data="tableData" ref="multipleTable">
  <el-table-column type="selection" width="50"></el-table-column>
  <el-table-column label="Key" property="key" width="300">
    <template slot-scope="scope">
      <el-input v-model="scope.row.key" placeholder="请输入key"/>
    </template>
  </el-table-column>
  <el-table-column label="Value" property="value" width="300">
    <template slot-scope="scope">
      <el-input v-model="scope.row.value" placeholder="请输入Value"/>
    </template>
  </el-table-column>
</el-table>
<el-button type="primary" @click="tj()">提交</el-button>


methods:{
  tj(){
      console.log(this.$refs.multipleTable.selection)
    }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容