MeCKodo/vue-tap

列表循环绑定,事件触发不正确

Closed this issue · 6 comments

列表渲染的时候,事件绑定触发对应点击的元素

有demo吗

列表上绑定点击事件(比如删除列表元素),每次传入的参数为列表的index,只有第一次删除时对应的index是正确的,之后就都不对了。PS: 我用的是兼容vue2.0版本

恩好,这两天就会进行测试修复

@sarazhang123 请问可以给出具体代码吗? 假设你根据list的index删除list的元素,那index是肯定会变化的啊

@sarazhang123

<li v-for="(el,index) of cacheRecord" @click="rm(index)">
        name : {{el.name}}, age : {{el.age}} , index : {{index}}
</li>
<li v-for="(el,index) of cacheRecord1" v-tap="{ methods : rmVtap,index:index }">
        name : {{el.name}}, age : {{el.age}} , index : {{index}}
</li>
rm(index) {
      this.cacheRecord.splice(index,1);
      console.log(index);
},
rmVtap(params) {
      this.cacheRecord1.splice(params.index,1);
      console.log(params.index);
}

BUG已修复,可以看repo中的list-test.html
@brianzhang