为什么我做这个点击删除li，总是删除最后一个

Answer 1

狗子开始自闭 2018-09-02 19:31:02

看不出来.. 看了好久没看出哪里有问题... 你最后解决了吗-3-

Answer 2

Dell 2018-08-16 00:00:38

代码发我的邮箱里  [e-mail]，我看下

Answer 3

提问者 阿J脚步 2018-08-15 10:04:31

第一张是没有删除前，第二张是点击删除1时的情况，打印index为0，是对的，但是却把最后一个删除了

Answer 4

提问者 阿J脚步 2018-08-14 09:02:01

为什么我做这个点击删除li，总是删除最后一个

• Dell #1

  每次点击删除的时候，index打印的对么

• 提问者 阿J脚步 回复 Dell #2

  index打印的和点击的是一个，但是删除的却总是最后一个

Answer 5

Dell 2018-08-11 21:40:19

代码贴上来看下

• 提问者 阿J脚步 #1

  <div id="app">
          <input type="text" v-model='inputVal'>
          <button @click='handleBtnClick'>提交</button>
          <ul>
              <Todo-item v-bind:content="item" 
                         v-bind:index="index"
                         v-for="(item,index) in list"
                         @delete='handleItemDelete'>
              </Todo-item>   
          </ul>
      </div>
  
  
  
  var TodoItem = {
          props:['content','index'],
          template:"<li @click='handleClick'>{{content}}</li>",
          methods:{
              handleClick:function(){
                  console.log(this.index)
                  this.$emit("delete",this.index)
              }
          }
      }
      var app = new Vue({
          el:"#app",
          components:{
              TodoItem:TodoItem
          },
          data:{
              inputVal:'',
              list: []
          },
          methods:{
              handleBtnClick: function(){
                  this.list.push(this.inputVal);
                  this.inputVal = "";
              },
              handleItemDelete:function(index){
                  this.list.splice(index,1)
              }
          }
      })

• Dell 回复 提问者 阿J脚步 #2

  截个图吧，这个没法看哇