大品牌网站建设,地方建立网站做SEM,许昌永诚网络科技有限公司,点餐网站模板 手机端vue事件修饰符 1、目标2、语法 1、目标
在事件后面.修饰符名-给事件带来强大功能
2、语法
事件名.修饰符“methods里的函数” 修饰符列表
.stop - 阻止事件冒泡 示例#xff1a;
templatediv idappdiv clickfatherFn事件名.修饰符“methods里的函数” 修饰符列表
.stop - 阻止事件冒泡 示例
templatediv idappdiv clickfatherFnp clickoneFn.stop事件-阻止冒泡/p/div/div/templatescriptexport default {//定义函数methods:{fatherFn(){console.log(father-触发了点击事件)},oneFn(){console.log(P标签点击了) }}}
/script.prevent -阻止默认行为 示例
templatediv idappdiv clickfatherFna hrefhttp://www.baidu.com click.prevent.stop去百度/a/div/div/templatescriptexport default {//定义函数methods:{fatherFn(){console.log(father-触发了点击事件)},}}
/script.once -程序运行期间只触发一次事件处理函数。 示例
templatediv idappdiv p click.oncetwoFn点击观察事件处理函数执行几次/p/div/div/templatescriptexport default {//定义函数methods:{fatherFn(){console.log(father-触发了点击事件)},twoFn(){console.log(p标签被点击了)}}}
/script
