标...">
美文网首页
el-table点击button获取所有选中状态复选框的值

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

作者: 梭命 | 来源:发表于2020-11-02 15:33 被阅读0次

    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)
        }
    }
    

    相关文章

      网友评论

          本文标题:el-table点击button获取所有选中状态复选框的值

          本文链接:https://www.haomeiwen.com/subject/vvjmvktx.html