vue table里面插入多條數(shù)據(jù)的問題

從這個(gè)組件里選擇優(yōu)惠券，可以多條插入到下面這個(gè)界面的表格里

現(xiàn)在只能插入一條 在選擇的話 會(huì)覆蓋之前插入的數(shù)據(jù) 請(qǐng)問應(yīng)該怎么改一下方法

表格結(jié)構(gòu)代碼

  <el-form-item  label="券設(shè)置" prop="ticketName" label-width="100px">
              <el-button type="text" @click="handleShow('chooseGood', form.checkedGood)">選擇券</el-button>
                <el-table :data="selectTicket" style="width: 100%" ref="multipleTable">
                  <el-table-column align="center"  label="序號(hào)" fixed></el-table-column>
                  <el-table-column align="center"  label="券名稱" prop ="name"></el-table-column>
                   <el-table-column align="center" label="券數(shù)量" prop="num">
                    <template slot-scope="scope">
                     <el-input  v-model="scope.row.exchangeNum"></el-input>
                    </template>
                   </el-table-column>
                  <el-table-column align="center" label="操作">
                    <template slot-scope="scope">
                       <a class="operation" @click="deleteItem(scope.row)">刪除</a>
                    </template>
                  </el-table-column>
      </el-table>
      </el-form-item>

獲取選擇的數(shù)據(jù)

 handleSelectTicket (selData) {
        this.selectTicket = selData;
        console.log(this.selectTicket);
        return false;
      }

 handleItemClick (item) {
        this.tableData.map((data) => {
          this.$set(data, 'isSelected', item.id === data.id);
        });
      }