列表循环绑定,事件触发不正确
Closed this issue · 6 comments
brianzhang commented
列表渲染的时候,事件绑定触发对应点击的元素
MeCKodo commented
有demo吗
sarazhang123 commented
列表上绑定点击事件(比如删除列表元素),每次传入的参数为列表的index
,只有第一次删除时对应的index是正确的,之后就都不对了。PS: 我用的是兼容vue2.0版本
MeCKodo commented
恩好,这两天就会进行测试修复
MeCKodo commented
@sarazhang123 请问可以给出具体代码吗? 假设你根据list的index删除list的元素,那index是肯定会变化的啊
MeCKodo commented
<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);
}
MeCKodo commented
BUG已修复,可以看repo中的list-test.html
@brianzhang