vue+el-table中放圖片隱藏顯示?

vue+vue+el-table中放了兩個圖片, 一個開始, 一個暫停, 默認(rèn)設(shè)置了暫停, 當(dāng)點擊開始的時候要把暫停按鈕圖片隱藏顯示播放按鈕圖片, 所以一開始我就設(shè)置播放按鈕為false, 但是在事件點擊中不管你點擊暫停還是播放, 下面的按鈕同時觸發(fā), 也就是沒有得到this

下面是我點擊播放按鈕, 同時觸發(fā)

html

<el-table-column width="70">
    <template slot-scope="scope">
        <div class="switch">
            <img class="suspend" v-if="suspendBtn" @click="start(scope.row)" src="../../../../assets/index/start_hover.png">
            <img class="start" v-if="startBtn" @click="suspend" src="../../../../assets/index/suspended.png">
        </div>
    </template>
</el-table-column>

js

  data() {
    return {
      startBtn: false,
      suspendBtn: true,
    };
  },
   methods: {
    start() {
        this.startBtn = true;
        this.suspendBtn = false;
    },
    suspend() {
        this.startBtn = false;
        this.suspendBtn = true;
    }
  }