VUE学习——事件参数

接前一节,事件绑定之后,我们需要传递参数。

javascript 复制代码
<template>
    <div @click="getNameHandler(item,$event)" v-for="item in items">{{ item }}</div>
</template>
<script>
    export default{
        data(){
            return{
                items:["明神","博子","饼子"]
            }
        },
        methods: {
            getNameHandler(msg,e){
                console.log(msg);
                e.target.innerHTML = "name: "+msg;
            }
        }
    }
</script>

这个的传递参数getNameHandler(msg,e),可以只传弟第一个,也可以只传递第二个,两者一块的时候,顺序不能乱。

相关推荐
2分钟速写快排15 小时前
孔乙己的茴字有多少种写法?|AI 对话实时通信的三种实现
前端·javascript·github
梯度下降者17 小时前
Nuxt框架
vue.js·服务端渲染·全栈开发·混合渲染·nuxt框架
Rabitebla19 小时前
【Linux】进程控制(十二) 自定义 Shell(二):内建命令与进程工作目录管理
linux·c++·笔记·学习·bash
Gary移动存储固件20 小时前
eMMC5.1协议中文学习讲解(6.6.17~6.6.22.4.6)
学习·ufs·emmc·nand·存储固件
一个天蝎座 白勺 程序猿20 小时前
别让收藏夹替你学习:我搭AI知识体系的完整方法,脚本直接拿去用
人工智能·学习·ai·ai学习
楚山之石21 小时前
【Nat Biomed Eng】Connectome 2.0 超高梯度扫描仪:500 mT/m 与 600 T/m/s 把活体人脑微观结构分辨推进到亚微米级
图像处理·学习·数据分析·mri
用户00447295382521 小时前
练歌镜:让眼镜听懂“循环这一句”
javascript
坤坤子吖1 天前
Linux网络编程:TCP 粘包与半包问题,如何正确处理 TCP 流式数据?
linux·服务器·网络·笔记·网络协议·学习
yuyuxun11 天前
协同过滤的校园二手物品智能推荐系统的设计与实现 毕业设计-附源码40082
javascript·vue.js·spring boot·python·数据分析·django·课程设计
总要学点什么1 天前
第105篇:三维特效-流动图片墙体效果——让箭头沿墙长滚,它俩竟是同一份代码
开发语言·javascript·ecmascript·gis·webgl·材质·cesium