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

 手哥2502852243 发布于 2022-11-27 13:58

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

2.贴上代码:

html:

                        

x

+ 添加

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);
            }
        }

    })
    

效果:

2 个回答
  • 这是可以的,但是要先确定你的vue版本,参考楼上

    2022-11-27 14:58 回答
  • 首先确定你的vue版本是1还是2?

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

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

    2022-11-27 14:58 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有