Vue如何阻止事件冒泡

如何解决 vue里面的冒泡事件方案如下：a v-on:click.stop="doThis">a> form v-on:submit.prevent="onSubmit">form> a v-on:click.stop.prevent="doThat"> form v-on:submit.p

一个被程序员耽误的厨师

2615人浏览 · 2017-03-02 17:35:03

一个被程序员耽误的厨师 · 2017-03-02 17:35:03 发布

如何解决 vue里面的冒泡事件

方案如下：

 
 <!-- 阻止单击事件冒泡 --> 

 
 < 
 a  
 v-on:click.stop 
 = 
 "doThis" 
 ></ 
 a 
 > 

 
 <!-- 提交事件不再重载页面 --> 

 
 < 
 form  
 v-on:submit.prevent 
 = 
 "onSubmit" 
 ></ 
 form 
 > 

 
 <!-- 修饰符可以串联 --> 

 
 < 
 a  
 v-on:click.stop.prevent 
 = 
 "doThat" 
 > 

 
 <!-- 只有修饰符 --> 

 
 < 
 form  
 v-on:submit.prevent></ 
 form 
 > 

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^