<!-- 阻止单击事件冒泡 --><a v-on:click.stop="doThis"> </a><!-- 提交事件不再重载页面 --><form v-on:submit.prevent="onSubmit"> </form><!-- 修饰符可以串联 --><a v-on:click.stop.prevent="doThat"> </a><!-- 只有修饰符 --><form v-on:submit.prevent> </form><!-- 添加事件侦听器时使用事件捕获模式 --><div v-on:click.capture="doThis">... </div><!-- 只当事件在该元素本身(比如不是子元素)触发时触发回调 --><div v-on:click.self="doThat">... </div>使用修饰符时,顺序很重要;相应的代码会以同样的顺序产生。因此,用@click.prevent.self
会阻止所有的点击,而@click.self.prevent
只会阻止元素上的点击。<!-- 点击事件将只会触发一次 --><a v-on:click.once="doThis"> </a>
vue事件修饰符
最新推荐文章于 2024-08-06 20:21:08 发布