vue2.x如何实现事件冒泡绑定?

Question

如何在vue中实现类似jquery的事件委托，$.on的情形，例如（伪代码）:

<ul :click="fClick(item)">
    <li v-for="item in list"></li>
</ul>

在ul的click事件中，能接收到li的item数据，来进行处理？

Answer 1

我觉得vue的模式根本不需要事件委托，jq的on是为了应对未来生成的元素，而vue的click是在生成时就绑定的。

click和v-for可以写同一行。

Answer 2

没有想到哪里需要用这种模式，来解决问题，而且 你这里明显会报错，item 在ul的作用域不存在。

还是说说你的需求比较好。

Answer 3

你这指令缩写有点6啊。。。

<ul :click="fClick(item)"> --> <ul @click="fClick(item)"> v-on的缩写是@符号。

这样你点击li的时候ul上的点击事件自然会冒泡被触发的。

Answer 4

有时候这样反而弄巧成拙，没必要去刻意的模仿别人，直接在li上绑定事件就很好了。