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

相关推荐
非凡ghost22 分钟前
Zen Browser:基于 Firefox 的极简开源浏览器,隐私与速度兼得
前端·网络·windows·学习·开源·firefox·软件需求
ivwsjc29 分钟前
vue3 echarts地图点到点之间的飞线图
前端·javascript·vue·echarts
WYH28742 分钟前
FreeRTOS工程项目实践
c语言·单片机·嵌入式硬件·学习
小李子呢02111 小时前
JS中的Set 核心认知
前端·javascript·es6
Shining05961 小时前
前沿模型系列(四)《大模型前沿架构》
人工智能·学习·其他·ai·架构·大模型·infinitensor
进击的尘埃1 小时前
深入探究 React Hooks 你一直在写却从未写对的最佳实践
javascript
coder_Eight1 小时前
吃透JS深拷贝:从原理到实战(含Symbol全场景+性能对比)
javascript
程序员阿峰1 小时前
【JavaScript面试题-this 绑定】请说明 `this` 在不同场景下的指向(默认、隐式、显式、new、箭头函数)。
前端·javascript·面试
_饭团1 小时前
指针核心知识:5篇系统梳理2
c语言·笔记·学习·leetcode·面试·改行学it
四谎真好看1 小时前
Redis学习笔记(实战篇2)
redis·笔记·学习·学习笔记