摘要: 事件总结 事件修饰符连携 准备工作 html <!-- 定义一个容器 --> <div class="app"> <!-- 事件修饰符连携 --> <div class="box" @click="toBaidu"> <a href="https://www.baidu.com" @click.st 阅读全文
posted @ 2022-10-26 08:23 澜璨 阅读(42) 评论(1) 推荐(0) 编辑
摘要: 键盘事件 @keyup和@keydown keyup:按键弹起触发 keydown:键盘按下触发,一直按住一直触发 准备工作 那么针对keyup和keydown,我们可以设计单独的按键监听事件,也就是针对一个按键触发 别名 vue给常用的按键都起了别名 一共有9个 准备工作 <!-- 创建一个容器 阅读全文
posted @ 2022-10-26 08:21 澜璨 阅读(71) 评论(0) 推荐(0) 编辑
摘要: v-on指令 语法 v-on:xxx 这里的xxx指代的是各类事件类型,例如单击,双击,鼠标悬停,键盘监听等等...... 准备工作 准备一个容器,两个按钮,一个按钮不传递参数,另一个按钮传递参数 <body> <!-- 创建一个容器 --> <div class="subject"> <!-- 标 阅读全文
posted @ 2022-10-26 08:19 澜璨 阅读(42) 评论(0) 推荐(0) 编辑
摘要: 概述 首先需要理解下什么是事件修饰符 常用事件修饰符 案例1_阻止默认行为发生 我这里有一个a标签 这个标签呢我会给它配置一个点击事件 点击事件输出一句话,那么效果是这样的 代码 <body> <!-- 定义一个容器 --> <div class="app"> <!-- 默认事件发生(常用) --> 阅读全文
posted @ 2022-10-26 08:16 澜璨 阅读(330) 评论(0) 推荐(0) 编辑