Remove item which clicked an "X" button inside of it

Hello. I’ve got 5 items (i can dynamically ad new items) and i put a remove button inside of them. I want to remove item which clicked remove button inside of it. But always last item is being removed when i click a remove button.

here is my code.

<button @click="addItem">Add an item</button>
            <grid-layout :layout="layout"
                         :col-num="12"
                         :row-height="30"
                         :is-draggable="draggable"
                         :is-resizable="resizable"
                         :vertical-compact="true"
                         :use-css-transforms="true"
            >
                <grid-item v-for="item in layout"
                           :x="item.x"
                           :y="item.y"
                           :w="item.w"
                           :h="item.h"
                           :i="item.i"
						   	drag-allow-from=".window-header"
							drag-ignore-from=".no-drag"
                        >
                    <div class="window">
						<div class="window-header">Harita</div>
						{{item.i}}
					<button @click="removeItem">remove</button>
					</div>
                </grid-item>
            </grid-layout>

 

this is code

`addItem: function() {

        var self = this;

        //console.log("### LENGTH: " + this.layout.length);

        var item = {"x":0,"y":0,"w":2,"h":2,"i":this.index+"", whatever: "bbb"};

        this.index++;

        this.layout.push(item);

    },

removeItem: function(item) {

		console.log(item);

        //console.log("### REMOVE " + item.i);

        this.layout.splice(this.layout.indexOf(item), 1);

    },

`

[chrishamm]

See https://github.com/chrishamm/vue-dynamic-grid and https://chrishamm.io/grid-demo/ I stopped using it though because the whole thing appears to be relatively slow (vue-grid-layout seems to be using absolute coordinates and a resize listener). IMHO there should be a better solution in the long term.

[chrishamm]

@spider58 I figured out why this did not work on my setup. You have to assign a static key to each grid-item, then it will work. You don’t seem to assign one at all anyway.