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

相关推荐
民乐团扒谱机几秒前
【微实验】Zhang-Suen 快速并行细化算法与MATLAB实现
人工智能·学习·算法·计算机视觉·数学建模·matlab
爱敲代码的小鱼3 分钟前
Vue的简介:
前端·javascript·vue.js
GHL2842710904 分钟前
TeamTalk-msg_server学习
运维·服务器·c++·学习
试试勇气11 分钟前
Linux学习笔记(十三)--动静态库
笔记·学习
好好学习天天向上~~16 分钟前
3_Linux学习总结_基础指令
linux·服务器·学习
AI视觉网奇18 分钟前
ue metahuman自动绑定实战
笔记·学习·ue5
jin42135221 分钟前
基于React Native鸿蒙跨平台一款阅读追踪应用完成进度条的增加与减少,可以实现任务的进度计算逻辑
javascript·react native·react.js·ecmascript·harmonyos
tb_first24 分钟前
万字超详细苍穹外卖学习笔记3
java·jvm·笔记·学习·spring·tomcat·maven
coldstarry25 分钟前
sheng的学习笔记-AI-adaboost(Adaptive Boosting)
人工智能·笔记·学习
qq_124987075326 分钟前
基于html的书城阅读器系统的设计与实现(源码+论文+部署+安装)
前端·vue.js·spring boot·后端·mysql·信息可视化·html