问答详情
源自：4-2 使用vue-cli开发TodoList

父组件执行deleteItem方法时候使用的index参数 , 是当前父组件的index 的index 还是子组件传递过来的index ?

父组件执行deleteItem方法时候使用的index参数 ,是当前父组件的index 吧? 

以下是我测试：即使子组件不传递index参数，也是能执行删除操作的

 子组件，不传递index： 

this.$emit('deleteItem'); 

 父组件：

<todo-item v-for="(item,index) of todoList" ::key="index" :content="item" :index="index" @deleteItem="removeItem(index)"></todo-item>

提问者：i_shanghai 2020-07-25 22:58

个回答

  • 似是而非5
    2020-09-05 10:23:08

    楼上说的狠对

    0
  • 慕斯3094878
    2020-08-02 18:25:56

    1. 父组件通过属性传值，传给子组件两个值，一个是content，一个是index，所以子组件遍历出来的每个li标签都有这两个值。

    2. 删除某个li标签时，由子组件发射（$emit）index值给父组件，这个index值就是要删除list数组的下标值。

    3. 不传index当然也能删除，因为splice()函数删除的就不是该下标的值了

    0