在网站中存在很多按钮,点击会触发不同的功能
那么在 vue 中怎么实现这一功能呢,使用到了 vue 中的 v-on 监听 DOM 事件
例如监听点击 v-on:click = "methodName" 或者使用 语法糖 简写成 @click = "methodName"
-
我们编写一个计数器,更好的理解监听事件。
在
App.vue中,我们编写如下代码<template> <div id="App"> <div>当前计数:{ { counter }}</div> <button>+1</button> <button>-1</button> </div> </template> <script> export default { name: 'App', data(

本文介绍了Vue中如何使用v-on进行事件监听,通过一个计数器的例子演示了如何绑定点击事件,并解释了事件修饰符的用法,如阻止默认行为。同时,讲解了如何监听用户输入事件,特别是在输入框中监听回车键抬起的事件,强调了v-on绑定函数时的参数传递方式。
最低0.47元/天 解锁文章
525

被折叠的 条评论
为什么被折叠?



