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

相关推荐
一尘之中6 小时前
从C语言底层设计到系统架构评估:软件架构知识体系全景
学习·系统架构·ai写作
GISer_Jing7 小时前
Three.js着色器编译机制深度解析
javascript·webgl·着色器
丷丩7 小时前
MapLibre GL JS第22课:查看本地GeoJSON
前端·javascript·map·mapbox·maplibre gl js
油炸自行车7 小时前
Claude Code 错误:API Error: 400 Failed to deserialize the JSON body into the
开发语言·javascript·json·trae·claude code·api error 400
星夜夏空998 小时前
FreeRTOS学习(4)——内存映射
数据库·学习·mongodb
不羁的木木8 小时前
ArkWeb实战学习笔记05-综合实战:构建混合应用
笔记·学习·harmonyos
橙橙笔记8 小时前
Python的学习第一部分
python·学习
bush48 小时前
嵌入式linux学习记录二
linux·运维·学习
元气少女小圆丶10 小时前
SenseGlove Nova 2+Unity开发笔记1
笔记·学习·unity
nashane11 小时前
HarmonyOS 6学习:应用退出动画优化实战——从“闪退“到优雅退出的完美蜕变
学习·华为·harmonyos