Vue事件修饰符以及修改属性

最新推荐文章于 2024-04-13 20:57:15 发布

huangguanhang

最新推荐文章于 2024-04-13 20:57:15 发布

阅读量629

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/huangguanhang/article/details/124717671

版权

一事件修饰符1，修饰符1.1 prevent: 阻止默认事件（常用）1.2 stop：阻止事件冒泡（常用）1.3 once 事件只触发一次（常用）1.4 self 只有触发自身才会执行（常用）1.5 capture 使用事件的捕获模式1.6 passive 事件的默认行为立即执行，无需等待2用法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"

摘要由CSDN通过智能技术生成

一事件修饰符

1，修饰符

1.1 prevent: 阻止默认事件（常用）

1.2 stop：阻止事件冒泡（常用）

1.3 once 事件只触发一次（常用）

1.4 self 只有触发自身才会执行（常用）

1.5 capture 使用事件的捕获模式

1.6 passive 事件的默认行为立即执行，无需等待

2用法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../vue.min.js"></script>
</head>
<body>
<div id="app" style="width: 300px;height: 300px;background-color: red">
    <a href="http://www.baidu.com" @click.prevent="setClick">禁止跳转</a>
    <a href="http://www.baidu.com" @click.stop.prevent="setClick">禁止默认行为加阻止跳转</a>

    <div style="width: 300px;height: 300px;background-color:

最低0.47元/天解锁文章

huangguanhang

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Vue事件修饰符以及修改属性

一事件修饰符1，修饰符1.1 prevent: 阻止默认事件（常用）1.2 stop：阻止事件冒泡（常用）1.3 once 事件只触发一次（常用）1.4 self 只有触发自身才会执行（常用）1.5 capture 使用事件的捕获模式1.6 passive 事件的默认行为立即执行，无需等待2用法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"
复制链接

扫一扫