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),可以只传弟第一个,也可以只传递第二个,两者一块的时候,顺序不能乱。

相关推荐
liangshanbo12157 分钟前
React useEffect 与 useLayoutEffect 面试题整理
前端·javascript·react.js
Bs_MoneyMagnet17 分钟前
基于springboot+vue的旅游景区点评系统的设计与实现 源码+文档
java·vue.js·spring boot·后端·spring·旅游
ID346107442036 分钟前
【课程设计】基于Spring Boot+Vue的校园共享无人机服务系统设计与实现-计算机毕设 附源码44219
javascript·vue.js·spring boot·python·node.js·php·课程设计
夜不会漫长37 分钟前
C++:类和对象(2)
java·javascript·c++
秦哈哈1 小时前
【Hello Agents】学习笔记(二)
笔记·学习·microsoft
BillKu1 小时前
Vue3 可拖拽分栏布局:两种实现方式详解
javascript·vue.js·ecmascript
sunshine22 girl1 小时前
Java学习三 高级语法3, 方法
java·学习
传奇开心果编程2 小时前
【dioxus0.7基础语法学与练】第8课:RSX 宏 — Dioxus 声明式 UI 语法
开发语言·学习·rust
雪芽蓝域zzs2 小时前
第三十七节:防抖、节流封装(composables 通用函数,搜索框防重复请求)
前端·javascript·vue.js
一条破秋裤2 小时前
24_MPU6050结构参数与寄存器基础
stm32·嵌入式硬件·学习