009.Vue3入门,事件修饰符的使用方法

news/2024/11/16 3:40:01/文章来源:https://www.cnblogs.com/tianpan2019/p/18352577

1、代码如下:

<template><h3>事件修饰符</h3><a @click.prevent="clickHandle" href="http://www.baidu.com">百度</a><div @click="click1"><p @click="click2">测试1</p></div><div @click="click1"><p @click.stop="click2">测试2</p></div>
</template><script>
export default {data() {return {}},methods: {clickHandle(e) {console.log("点击了!");console.log(e);},click1() {console.log("外标签点击");},click2() {console.log("内标签点击");}}
}
</script>

2、测试如下

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/780951.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

php程序对微信你昵称的表情处理导出excel文件

php程序对微信昵称的表情处理,若转义存数据库,怎么读出并导出成excel文件.<?phpinclude(dirname(__FILE__) ./phpexcel-1.7.7/Classes/PHPExcel.php); include(dirname(__FILE__) ./phpexcel-1.7.7/Classes/PHPExcel/IOFactory.php);$name2 = "[[EMOJI:%F0%9F%91%BF]]…

『模拟赛』暑假集训CSP提高模拟17

『模拟赛记录』暑假集训CSP提高模拟17RankA. 符号化方法初探 原[ABC081D] Non-decreasing 挺水的,不过赛时想了错解。 赛时做法是都塞到一个 set 里一遍推过去,如果比上一个小就 lower_bound 找一个最接近差的数加上,不过它存在比较大的问题。 首先全是负判不了,会进入死循…

008.Vue3入门,事件传参的用法

1、代码如下<template><h3>事件传参</h3><p @click="getNameHandler(item,$event)" v-for="(item,index) of names":key="index">{{ item }}</p> </template><script> export default {data() {retur…

表达式目录树

1.表达式目录树和委托的类比: 表达式目录树 是一种数据结构、是一种语法树,可以被我们解析: 2.表示式目录树的使用场景:把一个对象中的数据赋值到另一个对象当中: 实现对象值赋值: 一.反射: 二.序列化器: 三.使用表达式目录树4.使用泛型缓存+表达式目录树 调用如下: 5…

2024比赛wp合集

记录一下最近比赛的wp吧 D^3CTF d3note 没有限制idx范围,越界任意读写,读malloc地址泄露libc,网上写system from Excalibur2 import*proc(./pwn) lib(./libc.so.6) el(./pwn)default(h)def add(idx,size,content):sl(b"276")sl(str(idx))sl(str(size))sl(content)…

比较运算符和逻辑运算符

//比较运算符:        // >// <// ==// >=// <=// !=//逻辑运算符 与&& 或|| 非! static void Main(string[] args){while (true){Console.WriteLine("请输入年份:");int year = Convert.ToInt32(Console.ReadLine());if (year % 400 =…

计算机的发展史和基本结构

关于CSP-J初赛的学习笔记2.计算机的发展史和基本结构 2.1. 计算机发展史阶段 年代 电子元件 运算速度(每秒/次)第一代 \(1946-1958\) 真空电子管 数千至数万第二代 \(1958-1964\) 晶体管 几十万至几百万第三代 \(1964-1970\) 中小规模集成电路 百万至几百万第四代 \(1970-202…

008.Vue3入门,最基础的事件处理,点击按钮增加次数,支持传参

1、代码如下:<template><h3>内联事件处理群</h3><button @click="addCount1">Add</button><p>{{ count1 }}</p><button @click="addCount2(hello)">按钮</button><p>{{ count2 }}</p>…

008.Vue3入门,最基础的事件处理,点击按钮增加次数显示

1、代码如下:<template><h3>内联事件处理群</h3><button @click="addCount">Add</button><p>{{ count }}</p> </template><script> export default {data() {return {count: 0}},methods: {addCount() {//读…

熵编码(五)-CABAC(一) 基础篇

目录1. 前言2. 二进制算术编码3. CABAC编码原理分析3.1. 自适应算术编码3.1.1. 算法流程流程3.1.2. 自适应3.1.3. 码流输出(区间缩放)3.1.4 自适应算术编码的计算复杂度及优化3.1.4.1 自适应概率模型背景3.1.4.2. 自适应概率模型设计3.1.4.2.1. 自适应概率模型量化3.1.4.2.1. 自…

06.磁盘管理课后习题

06.磁盘管理课后习题 1.如何查看/etc/目录大小2.如何查看磁盘使用分区情况3.如何查看innode使用情况4.如何查看磁盘block使用情况1. 使用“lsblk”命令查看块设备信息,包括磁盘分区情况和磁盘使用情况。 2. 使用“df”命令查看文件系统的磁盘空间使用情况。 3. 使用“du”命令…