html a onclick vue,vue.js - How to replace div with html onclick using Vue js? - Stack Overflow

I have a Respond Button inside a div with a Modal attached to it.

Respond

If a User clicks the 'Confirm Interview' button, The Respond Button should be replaced with this Confirmed.

I have a method called createConfirmedInterviewRequest() that gets called when the User clicks on the 'Confirm Interview' button. So I'd like to create a method that will change the contents and then I would just call that method inside my createConfirmedInterviewRequest() method upon Success, but I don't know how to create this method or how this can be done.

Attached is a scrrenshot of my page with the Respond Button and Modal.

How can I do change the contents of the div using Vue?

UPDATED:

data() {

return {

notifications: {

noti: false

},

}

},

computed:{

computedConfirm(){

return this.notifications.noti ? true:false;

}

},

methods: {

confirmProcess(){

this.notifications.noti = true;

},

}

My method:

createConfirmedInterviewRequest: async function() {

this.confirmProcess(`data`);

}

Modal with button:

Confirm Interview

Respond button I want to disappear and substitute with Confirmed.

Respond

Let me know if you need to know what data properties are inside of notifications.