v-for遍历出的元素事件失效

Question

<span v-for="(items,index) in chapter_list" :class="{'disabled':index==0}" @click="chapterList(items,i)" @mouseover="hoverItems(index)" @mouseleave="hoverClose(index)"v-cloak >{{ items.article_name }}</span>

mouseover和mouseleave 只在第一个元素上生效 其余遍历出的元素都没有这两个事件 而click却都有 帮忙看看 哪里写的出问题了

Answer 1

写法没有问题

https://jsfiddle.net/hugaungj...

只有好好检查调试了

Answer 2

把class去掉之后就可以了，可能是跟你设置的class的唯一性有关，你可以在你那边把：Class去掉，在看一下效果，我这边试的试没问题的

Answer 3

我这里测试都没问题啊

Answer 4

没有绑定key，遍历的元素需要绑定唯一的key，不能重复，重复也可能导致事件失效