<el-table :data="tableData" style="width: 100%;" @selection-change="handleSelectionChange">
             <el-table-column align="center" type="selection" width="55" fixed></el-table-column>
        <el-table-column align="center" prop="id" label="方案名稱">
          <!-- <template slot-scope="scope">{{scope.row.beginCardNo}} - {{scope.row.endCardNo}}</template> -->
        </el-table-column>
        <el-table-column align="center" prop ="type" label="兌換類型">
          <!-- <template slot-scope="scope">{{scope.row.cardTypeName}}</template> -->
        </el-table-column>
        <el-table-column align="center" prop="status" label="兌換個數(shù)" width="140px">
          <template slot-scope="scope">
             <!-- <el-col :span="16"> -->
            <el-input placeholder="請輸入兌換個數(shù)" v-model="scope.row.status"></el-input>
             <!-- </el-col> -->
          </template>
        </el-table-column>
        <!--<el-table-column align="center" prop="" label="未配送數(shù)量"></el-table-column>-->
        <el-table-column align="center" label="消耗積分" prop="price">
          <!-- <template slot-scope="scope">{{scope.row.deposit | money}}</template> -->
        </el-table-column>
        <!-- <el-table-column align="center" label="操作" fixed="right">
          <template slot-scope="scope">
            <a class="operation" @click="deleteItem(scope.row)" v-authority="508003">刪除</a>
          </template>
        </el-table-column> -->
      </el-table>

選中的方法

 handleSelectionChange (val) {
      this.multipleSelection = val.map((item) =>{
        return item.price * item.status;
      });
      let len = this.multipleSelection.length;
      console.log(len);
      if (len === 0) {
        this.count = 0;
      } else {
        this.count = 0;
        this.multipleSelection.map(item => {
          this.count += item;
        });
        let len = 0;
      }
      return this.count;
      // console.log(this.multipleSelection);
       
      
    },

如何實(shí)現(xiàn) 點(diǎn)擊取消按鈕之后 tabale之前的選中取消掉 然后合計的數(shù)值變成0