javascript - vuejs中v-for遍历出来的select的问题

Question

1.在用vuejs写一个功能时，用v-for遍历一个列表，每个列表中都包含一个select控件，但是当我删除这个列表中的一个项时，删的不是我指定的那个项？

2.贴上代码：

html：

                        <p class="item" v-for="(todo,index) in todos">
                            <p class="choose-block">
                                <span class="remove-btn" v-on:click="removeTodo(index)">x</span>
                                <choose-spec></choose-spec>
                                <p class="add-btn">
                                    <a href="javascript:;">+ 添加</a>
                                </p>
                            </p>
                        </p>
                        
                        

js：

var vm = new Vue({
        el: '#app',
        data: {
            todos: [],
            i:1
        },
        methods: {
            appendTodo: function(){
                this.todos.push(this.i++);
            },
            removeTodo: function(index){

                this.todos.splice(index,1);
                //this.todos.splice(this.todos.indexOf(todo),1);
            }
        }

    })
    

效果：

Answer 1

首先确定你的vue版本是1还是2？

1的v-for参数顺序是 (index, value)

2的v-for参数顺序是 (value, index)

Answer 2

这是可以的，但是要先确定你的vue版本，参考楼上