首页 > 其他分享 >vue2点击事件自动触发了,vue2阻止默认事件,vue2取消默认事件

vue2点击事件自动触发了,vue2阻止默认事件,vue2取消默认事件

时间:2025-01-17 14:11:07浏览次数:1  
标签:触发 默认 处理程序 冒泡 vue2 事件

.stop:阻止事件冒泡。使用此修饰符后,父元素的相同事件不会再触发。
.prevent:阻止事件的默认行为。比如,提交表单时可以使用.prevent修饰符阻止页面的刷新。
.capture:使用事件捕获模式,即在父元素上触发事件处理程序,然后才在子元素上触发。默认情况下,事件是在冒泡阶段处理的。
.self:只有当事件是从元素自身触发时才触发事件处理程序。如果事件是从子元素冒泡上来的,那么事件处理程序不会被触发。
.once:只触发一次事件处理程序。即使事件被多次触发,只有第一次触发时会执行相应的处理程序。
.passive:指定事件处理程序不会调用preventDefault()方法。这可以提升滚动性能。
 <el-button type="primary" size="mini" @click.stop.prevent="functionByName2(item.funcName,scope.row)">详情</el-button>

 

标签:触发,默认,处理程序,冒泡,vue2,事件
From: https://www.cnblogs.com/qq376324789/p/18676869

相关文章

  • vue2插槽使用,vue2插槽传参
    父组件内定义插槽具体内容<table-data><!--两种方式,下面是简写<templatev-slot:supplierOrderNo="data">--><template#supplierOrderNo="data">{{data.data}}</template></table-data>......
  • canvas默认画布的尺寸是多大?怎样设置才能不会变形?
    canvas默认画布的尺寸是300像素×150像素。这一默认尺寸可以通过在HTML中设置canvas元素的width和height属性来自定义。为了确保canvas画布在设置尺寸后不会变形,应当遵循以下步骤:直接在canvas元素上设置尺寸:在HTML中定义canvas元素时,可以直接在标签内设置width和height属性,如<......
  • 28. 事件处理
    一、事件与事件处理1.1、什么是事件  事件是程序收到外界的输入,处于某种状态时自动发送的信号。事件有固定的类型,每种类型有自己的处理函数,用户只要重写这些函数,即可达到特定的目的。通过事件可以用一个控件监测另外一个控件,并可过滤被监测控件发出的事件。  可视化应用程......
  • vue2根据方法名调用方法,vue2根据方法名调用父组件方法
    methods:{dictByItem:function(item,row){letdictElement=this.dict[item.dictName];letfilter=dictElement.filter(i=>i.value===row[item.prop]+'');returnfilter&&filter.length>[0]?filter[0]......
  • vue2动态给标签绑定属性
    <el-table-columnlabel="保司提交资料报文"prop="insuranceSubmitData"show-overflow-tooltip/>将show-overflow-tooltip改为动态绑定此处是为了将表格渲染封装成通用组件<templatev-for="iteminarr"><templatev-if="item.t......
  • vue2子组件获取父组件的实例以及数据,vue2子组件获取父组件的数据
    多个组件引入同一个js文件,实例化对象,数据不会错乱,再引入相同的组件,例如每个页面都需要引入到一个分页组件,然后分页组件需要获取各自父组件中的实例对象通过  this.$parent 即可获取到父组件中的数据所以在使用子组件时可以不用在组件上传入数据 公共js文件functionda......
  • 如何在宝塔面板中修改网站的默认端口?
    在宝塔面板中修改网站的默认端口是一个常见的需求,尤其是在需要避免端口冲突或提高安全性时。以下是详细的步骤和建议:登录宝塔面板:打开浏览器,输入宝塔面板的地址,通常是http://服务器IP:8888。输入用户名和密码登录。进入网站管理:在宝塔面板左侧菜单中,点击“网站”选项......
  • 用js写一个事件侦听器的方法
    在JavaScript中,你可以使用addEventListener()方法来添加一个事件监听器。这个方法接受两个参数:要监听的事件名称和事件处理函数。以下是一个简单的示例,演示如何使用addEventListener()方法监听一个按钮的点击事件:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF......
  • 在默认的情况下,使用h1标签呈现出什么效果?
    在前端开发中,<h1>标签用于定义最重要的标题。在一个HTML文档中,<h1>标签通常被用来表示主标题或页面标题,是六个级别标题标签<h1>到<h6>中级别最高的。在默认的情况下,<h1>标签在浏览器中呈现出的效果是:字体大小:<h1>标签的字体大小通常比其他文本大。具体大小取决于浏览......
  • JS事件高级(练习题)
    1.div跟随鼠标移动(键盘事件和鼠标事件)<!--<script>//键盘事件window.onload=function(){varbox1=document.querySelector(".box1");//为document绑定一个按键按下的事件document.onkeydown=function(event){......