vue学习 5vue事件，点击、双击、鼠标事件

最新推荐文章于 2024-05-23 10:34:45 发布

扫地鼠Gordon

最新推荐文章于 2024-05-23 10:34:45 发布

阅读量3.9k

点赞数

分类专栏： vue 文章标签： vue事件

本文链接：https://blog.csdn.net/qq_28137309/article/details/89020559

版权

vue中绑定事件：v-on:click="add(1)"，使用v-on:绑定一个事件（也可以用@符号，如@click="add(1)"）,(如点击事件，触发add()方法)

html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Vue.js</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
</head>
<body>
    <!-- vue-app是根容器 -->
    <div id="vue-app">
        <h1>Event</h1>
        <button @click="add(1)">涨一岁</button>
        <button v-on:click="subtract(1)">减一岁</button>
        <button @dblclick="add(10)">涨十岁</button>
        <button v-on:dblclick="subtract(10)">减十岁</button>

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

扫地鼠Gordon

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue学习 5vue事件，点击、双击、鼠标事件

vue中绑定事件：v-on:click="add(1)"，使用v-on:绑定一个事件（也可以用@符号，如@click="add(1)"）,(如点击事件，触发add()方法)html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <titl...
复制链接

扫一扫