如何做服装微商城网站,泰兴网站建设公司,定制设计软件,jsp做的网站带数据库Vue事件修饰符
Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节#xff0c;如#xff1a;
event.preventDefault() 或
event.stopPropagation()。Vue.js通过由点 (.) 表示的指令后缀来调用修饰符。
.stop.prevent.capture.self.once
!-- 阻止单击事件冒泡 --如
event.preventDefault() 或
event.stopPropagation()。Vue.js通过由点 (.) 表示的指令后缀来调用修饰符。
.stop.prevent.capture.self.once
!-- 阻止单击事件冒泡 -- lt;a v-on:click.stopdoThisgt;lt;/agt;!-- 提交事件不再重载页面 -- lt;form v-on:submit.preventonSubmitgt;lt;/formgt;!-- 修饰符可以串联 -- lt;a v-on:click.stop.preventdoThatgt;lt;/agt;!-- 只有修饰符 -- lt;form v-on:submit.preventgt;lt;/formgt;!-- 添加事件侦听器时使用事件捕获模式 -- lt;div v-on:click.capturedoThisgt;...lt;/divgt;!-- 只当事件在该元素本身而不是子元素触发时触发回调 -- lt;div v-on:click.selfdoThatgt;...lt;/divgt;!-- click 事件只能点击一次2.1.4版本新增 -- lt;a v-on:click.oncedoThisgt;lt;/agt;
原文地址https://segmentfault.com/a/1190000016689265
更多专业前端知识请上
【猿2048】www.mk2048.com
