Vue阻止默认事件

1.阻止事件冒泡的方式1调用preventDefault()方法myClick: function (event) {alert("111");//阻止事件行为event.preventDefault();},2.阻止事件冒泡的方式2直接在定义事件的后面加上.p...

麦子fuke

6875人浏览 · 2019-10-09 22:12:04

麦子fuke · 2019-10-09 22:12:04 发布

1.阻止默认事件方式1

调用preventDefault()方法

myClick: function (event) {
                alert("111");
                //阻止事件行为
                event.preventDefault();
            },

2阻止默认事件方式2

直接在定义事件的后面加上.prevent即可

<!--    阻止事件方式2-->
    <a href="http://www.baidu.com" @click.prevent="myClick1($event)">点击跳转</a>

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}$/, //不连续的两位字母// /^