vuex state splice继续删除最后一项

Question

我在每个列表上创建了一个列表，我已经设置了一个删除方法。每次我点击我的jsfiddle中的列表我得到我想要的东西，但是当我用vuex附加我的项目时，似乎索引是错误的。它只是不断删除我列表中的最后一项，而不是我点击的地方。而不是我点击的那个。

    <md-table>
    <md-table-row v-for="(opt, index) in this.getAddedSegmentationList" :key="index">
        <md-table-cell>
            <ul >
                <li>Name: API_NEEDS_TO_BE_UPDATED</li>
                <li>Created: {{opt.created_time | newTime}}</li>
                <li>Finished: {{opt.end_time | newTime}}</li>
            </ul>
            <ul class="channel-segements__tab-handlers">
                <li class="channel-segements__tab-handlers-items" @click="removeSegement(index, opt)">
                    <md-icon>delete</md-icon>
                </li>
            </ul>

        </md-table-cell>
    </md-table-row>
</md-table>


    methods: {

        removeSegement(index, opt) {

            this.getAddedSegmentationList.splice(index, 1)

        }
},


    computed: {
        getAddedSegmentationList() {
            return this.$store.state.channels.channelSegmentList
        }
},

我原来的jsfiddle https://jsfiddle.net/ronoc4/eywraw8t/65812/用于测试，以确保它是可能的。