How to make reactivity when deleting an entry in vue.js using my example?

Question

Vue.js

I display images in a loop

<tr v-for="img in image">
    <td>{{ img }}</td>
    <td> <button v-on:click="removeImage(id)">Remove image</button></td>
</tr>

The button removes the image from the database with Ajax.

removeImage(id) {
                        axios.post('/img/delete/' + id).then(function(){
                          console.log('SUCCESS!!');
                        })
                        .catch(function(){
                          console.log('FAILURE!!');
                        });
                    },

Question - how to make the picture on the page reactively disappear? I mean using vue js if possible. Thank you.

Answer 1

<tr v-for="(img, n) in image">
    <td>{{ img }}</td>
    <td> <button v-on:click="removeImage(n)">Remove image</button></td>
</tr>

...
.then(response => {
     this.image.splice(n, 1);
})
...