# 调用事件时没有参数,括号可有可无,此时默认将浏览器产生的event事件对象作为参数传入到方法中<button @click='test()'> btn </button><button            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-06-27 11:15:46
                            
                                304阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            0.前言需求:用户点击按钮,现实浏览器弹窗。1.基础写法<!DOCTYPE html>
<htmllang="en">
<head>
<metacharset="UTF-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<metaname="viewport"conten            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-10 14:10:31
                            
                                221阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            v-on:click 点击 world            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2019-04-04 15:52:00
                            
                                619阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            vue中input输入框如何触发click点击事件点击        在vue中,对input框直接使用@click去触发事件,是无法达到想要的效果,也无法触发事件,需要加上native才能实现input框的点击事件触发,即@click.native="XXX"            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-14 22:11:51
                            
                                383阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <body><div id = "app">    {{message}}    <div @click="divClick">        divClick        <button @click.stop="btnClick">btn</button>    </div></div><script src="../vue.js"></script><script&.            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-06-27 11:16:15
                            
                                123阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            # 如何解决 Vue 在 iOS 上点击事件无效问题
作为一名新入行的开发者,你可能会遇到 Vue 应用在 iOS 设备上点击事件无效的问题。这个问题通常是由 iOS 的触摸事件处理不当引起的。下面,我将为你详细介绍解决这一问题的流程,包含每一步的具体实现细节和代码示例,以帮助你更好地理解。
## 解决流程
解决 Vue 应用在 iOS 上点击事件无效的流程如下表所示:
| 步骤 | 描述            
                
         
            
            
            
            .prevent: 调用event.preventDefault()<body><div id = "app">    <form action="test">        <input type="submit" value="提交" @click.prevent="submitClick">    </form></div><script src="../vue.js"></script>            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-06-27 11:16:21
                            
                                328阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1、@click.stop  阻止事件冒泡//只弹出“noclick”
<div id="app"> <div v-on:click="dodo"> <button v-on:click.stop="doThis">阻止单击事件继续传播</button> </div> </div> <script>            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-08 19:48:19
                            
                                263阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # Vue 应用中处理 iOS 点击无效问题
在使用 Vue 开发移动端应用时,尤其是在 iOS 设备上,我们可能会遇到一个常见问题,即点击事件无效。这通常是由于 iOS Safari 默认的 touch 事件与 click 事件的处理方式不同导致的。本文将为刚入行的小白开发者详细讲解如何解决这个问题。
## 流程概述
下面是解决 “vue ios click 无效” 问题的基本流程:
|            
                
         
            
            
            
            @click.native 会触发原生 click事件 vue            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-08-29 16:16:50
                            
                                413阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码。通常来讲就是监听dom触发一些操作,这些操作(比如点击)触发后执行的动作(js)可直接写在后面。 注意:所有的v-on都可以简写为@ 1.@click不光可以绑定方法,也可以就地修改data里的数据 代码示例代            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-17 14:31:42
                            
                                3745阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # Vue 项目中 iOS 点击偶发失效解决方案
作为一名经验丰富的开发者,我经常被问到一些关于移动端开发的常见问题。今天,我们要解决的问题是“Vue 项目中 iOS 点击偶发失效”。这个问题在开发过程中可能会遇到,特别是在使用 Vue.js 框架进行移动端开发时。接下来,我将详细介绍如何解决这个问题。
## 问题分析
首先,我们需要了解问题的根源。在 iOS 设备上,点击事件可能会因为一些            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-07-30 11:03:03
                            
                                77阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            本篇学习到Vue的Event,v-on和@click。 在方法methods访问到data数据,this.$data来实现。 window.location重设置值,令其导向设置值的页面或链接。 <div id="test"> <a v-on:click="goto">{{name}} </a> <            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-07-29 17:20:00
                            
                                143阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码。通常来讲就是监听dom触发一些操作,这些操作(比如点击)触发后执行的动作(js)可直接写在后面。 注意:所有的v-on都可以简写为@ 1.@click不光可以绑定方法,也可以就地修改data里的数据 代码示例代            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-11-19 15:26:32
                            
                                2941阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <template> <div id="app"> <div v-for="todo in todos" :key="todo.id"> <div>{{todo}} <button @click="handleDelete(todo.id)">删除</button></div> </div> </d            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-04-19 16:40:11
                            
                                399阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            引入vue.js  <!-- 引入vue.js -->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>  作用:可以监听 DOM 事件,并在触发时运行一些 JavaScript 代码。v-on指令简写:@  <div id="app">            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-29 07:15:21
                            
                                107阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            v-on详解v-on可以监听某个事件,最常用的就是监听onclick事件。还有键盘的事件监听等。我们会一一介绍。v-on:click监听点击事件实现一个最简单的计算器功能。1.v-on:click后面只能跟变量,简单表达式(++,–)或者函数调用。 2.变量不需要mustouch语法,可以直接引用。<div id="box">
  {{counter}}<br>
  <            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-06 19:51:37
                            
                                1095阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1,给vue组件绑定事件时候,必须加上native ,否则会认为监听的是来自Item组件自定义的事件2,等同于在子组件中:  子组件            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-12-21 10:04:53
                            
                                202阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            @click.stop :阻止事件冒泡 <template> <div @click="outside"> <el-button @click="inside">按钮</el-button> </div> </template> <script> export default { methods:  ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-10-09 17:20:00
                            
                                2824阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            目录1. 概述2. click 事件3. 综述4. 个人公众号1. 概述老话说的好:努力帮别人解决难题,你的难题也就不难解决了。言归正传,今天我们来聊聊 VUE3 的 click 事件的相关知识。2. click 事件2.1 实现数字递减<body>    <div id="myDiv"></div></body><script>    const app = Vue.createApp({            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-01-09 11:12:22
                            
                                1249阅读