vue事件绑定的3种书写方式

最新推荐文章于 2024-06-17 20:38:01 发布

Xaire

最新推荐文章于 2024-06-17 20:38:01 发布

阅读量2k

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/u012183426/article/details/100694232

版权

本文详细介绍了Vue.js中事件绑定的三种常见方式：1) 使用$event传递事件信息；2) 在组件内通过@click.native调用构造器内的方法；3) 在Vue构造器外部调用methods。通过这些方法，开发者可以灵活地处理Vue应用中的用户交互事件。

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

参考：https://jspang.com/posts/2017/03/26/vue2-3.html#%E7%AC%AC3%E8%8A%82%EF%BC%9Amethods-option-%E6%96%B9%E6%B3%95%E9%80%89%E9%A1%B9

1.$event传递点击鼠标的一些事件及属性

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="./public/js/vue.js"></script>
    <title>vueTest</title>
</head>
<body>
    <div id="app">

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Xaire

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue事件绑定的3种书写方式

参考：https://jspang.com/posts/2017/03/26/vue2-3.html#%E7%AC%AC3%E8%8A%82%EF%BC%9Amethods-option-%E6%96%B9%E6%B3%95%E9%80%89%E9%A1%B91.$event传递点击鼠标的一些事件及属性<!DOCTYPE html><html lang="en"&...
复制链接

扫一扫