Как изменить изображение по клику на кнопке на JavaScript

Пытаюсь заменить картинку по клику на любой кнопке. Ссылка на одну картинку записана в this.preImg, на другую в this.postImg. Изменение происходит через переменную imagine. Переменная imagine по клику перезаписывается на нужное значение. но функция все равно всегда возвращает исходное значение. Фрагмент html из проекта на vue.js ниже

<template>
    <div>        
        <div  class="preview">                          
             <img  :src='this.getImg' class="media" />
        </div>
        <div   class="btn-group">
            <button   id="first"
                @click="getAnswer"
                class="btn-group__answers">
                {{ this.answers[0].text }}
            </button>
            <button   id="second"
                 @click="getAnswer"
                class="btn-group__answers">
                {{ this.answers[1].text }}
            </button>
            <button   id="third"
                @click="getAnswer"
                class="btn-group__answers">
                {{ this.answers[2].text }}
            </button>           
        </div>
    </div> 
</template>`

src - вычисляемое свойство. getImg-вычисляемый метод, который возвращает картинку, в зависимости от того была нажата одна из кнопок или нет.

 <script>
    export default {
        name: "test",  
        data: function () {
            return {                
                questions : [
                    {
                        text:"first",
                        answers:[1,2,3]
                    },
                    {
                        text:"second",
                        answers:[1,2,3]
                    },
                    {
                        text:"third",
                        answers:[1,2,3]
                    }
                ],
                preImg:https://www.publicdomainpictures.net/pictures/270000/nahled/sunset-picture.jpg,
                postImg:https://www.publicdomainpictures.net/pictures/200000/velka/fall-in-new-england-1476453700HVx.jpg

            }
        },
        computed:{  
         getImg(){
           let imagine;     
           let img1=this.preImg;
           let img2=this.postImg;              
           let button = document.querySelectorAll('button');                 
           imagine=img1;
           for(let i=0; i<button.length; i++){   
             button[i].addEventListener('click', function(){               
               imagine=img2
               console.log(imagine)         
             })        
           }  
         return imagine;
       }
    }
};
</script>