Vue-修饰符顺序对结果产生的影响
使用修饰符时,顺序很重要;相应的代码会以同样的顺序产生。
因此,用 v-on:click.prevent.self
会阻止所有的点击
,
而v-on:click.self.prevent
只会阻止对元素自身的点击
重点就是顺序很重要,其实我们可以这么理解:
.prevent
修饰符在前,修饰的是元素的v-on
事件,所以它会阻止所有 的点击
,自身点击和事件冒泡;
.prevent
修饰符在后,修饰的是元素的v-on
事件在被.self
修饰后的事件,所以它只能阻止对元素自身的点击,无法阻止事件冒泡。