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 分钟前
Java开发手册规则精选
java·开发语言·学习
AI视觉网奇4 分钟前
ue5.5 动画 选取 一段使用
笔记·学习·ue5
m0_502724955 分钟前
JavaScript - 让一个数组对象重复多次
javascript
世人万千丶9 分钟前
鸿蒙跨端框架Flutter学习day 1、变量与基本类型-智能家居监控模型
学习·flutter·ui·智能家居·harmonyos·鸿蒙·鸿蒙系统
阳光九叶草LXGZXJ9 分钟前
达梦数据库-学习-41-表大小快速估算
linux·运维·数据库·sql·学习
世人万千丶12 分钟前
鸿蒙跨端框架Flutter学习day 1、变量与基本类型-咖啡店点餐逻辑
学习·flutter·ui·交互·鸿蒙·鸿蒙系统
怕浪猫15 分钟前
React从入门到出门第八章 React19新特性use()/useOptimistic 原理与业务落地
javascript·react.js·前端框架
لا معنى له22 分钟前
学习笔记:少样本学习
人工智能·笔记·深度学习·学习·机器学习
奔跑的web.24 分钟前
Vue 3.6 重磅新特性:Vapor Mode 深度解析
前端·javascript·vue.js
唐璜Taro25 分钟前
2026全栈开发AI智能体教程(开篇一)
javascript·langchain