element ui 表格提交时获取所有选中的checkbox的数据

Posted 2022-09-10 Lovnx

      <el-table ref="multipleTable" :data="appList" border tooltip-effect="dark" style="width: 100%;height: 380px;overflow:auto" @selection-change="changeFun">
                <el-table-column type="selection" width="55" class="selection" prop='uuid' :selectable='checkboxInit' @selection-change="changeFun"></el-table-column>

                <el-table-column label="">
                  <template scope="scope"></template>
                </el-table-column>
                <el-table-column prop="username" label="username"></el-table-column>
                <el-table-column prop="createTime" label="创建时间"></el-table-column>
              </el-table>

设定此属性@selection-change="changeFun"，意思是每次勾选的时候都会触发这个事件

  //复选框状态改变
    changeFun(val) 
      this.multipleSelection = val;
    ,

再在数据中心设定multipleSelection:[]就可以了
后面需要就用this.multipleSelection直接获取吧