首页 > 其他分享 >16. VUE怎么阻止冒泡

16. VUE怎么阻止冒泡

时间:2022-11-12 11:13:16浏览次数:55  
标签:VUE 16 修饰符 stop 阻止 冒泡 click

给事件添加 stop 修饰符 ,比如 click.stop  ;

补充:

  阻止默认行为 prevent 修饰符 ,超链接的跳转,表单的默认提交 ;

  once 修饰符 事件只触发一次

ps:事件修饰符可以连着写;如 click.stop.once 表示只会阻止第一次冒泡 ;

标签:VUE,16,修饰符,stop,阻止,冒泡,click
From: https://www.cnblogs.com/zhulongxu/p/16882953.html

相关文章

  • [回溯算法]leetcode216. 组合总和 III(c实现)
    题目找出所有相加之和为 n的 k 个数的组合,且满足下列条件:只使用数字1到9每个数字 最多使用一次 返回所有可能的有效组合的列表。该列表不能包含相同的组合两次......
  • 14. Vue2 和 Vue3 区别
    主要分为四点:1.Vue3使用了proxy替代了Object.defineProperty实现响应式数据,所以vue3的性能得到了提升;2.Vue3可以在template模板使用多个根标......
  • 13. 说一下$set,用在Vue2还是Vue3
    $set是vue2中对象用来追加响应式数据的方法;使用格式:$set(对象,属性名,值) vue3中使用proxy替代了Object.defineProperty实现对象的响应式数据,所以在......
  • Vue-router(路由)
    一、前端路由两种跳转1、URL的hash表面上看,hash路径上带#号,history路径没有带#号URL的hash也就是锚点(#),本质上是改变window.location的href属性hash的跳转不会......
  • vue3 基础-API-computed
    前些章节讲了一些常用的api如setup,ref,reactive,toRef...等,并以一个todoList的小案例来体现在vue3中如何进行解耦逻辑,以setup函数作为调度的这种后端编......
  • 冒泡排序(数组中的问题)
    问题:使用冒泡排序的方法,将数组中的元素按照升序的方式将其排列。冒泡排序核心思想:两两相邻元素进行比较,满足条件则交换;     ①先确认趟数;     ②写下一趟冒泡......
  • 创建一个新的Vue项目
    一、安装脚手架(VueCLI)检查是否有安装脚手架在DOS中输入vue命令,如果出现提示,说明没有安装  修改NPM镜像地址修改NPM镜像地址为淘宝的,要不然在安装时可能会很慢n......
  • vue的$nextTick方法
    问题:异步代码没有执行,但是同步代码已经完成逻辑,所以就需要使用$nextTick来等待dom完毕后再执行同步代码解决方法:使用nextTick()等待dom更新完毕后,在执行对应的回调......
  • departments/components/add.vue
    <template><!--组件v-modelxxxv-model='abc':value="abc"@input="abc=$event"xxx组件内props:{abc:{......
  • departments/index.vue
    <template><!--查:1:定义api2:导入api3:进入页面就调用api获取数据并存储4:渲染数据增:1:创建一个弹框组件2:导入注册使用3:点击新......