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

相关推荐
来杯三花豆奶1 分钟前
Vue 2.0 Mixins 详解:从原理到实践的深度解析
前端·javascript·vue.js
San30.10 分钟前
深度驱动:React Hooks 核心之 `useState` 与 `useEffect` 实战详解
前端·javascript·react.js
龘龍龙21 分钟前
Python基础学习(四)
开发语言·python·学习
charlie11451419136 分钟前
深入解构:MSVC 调试机制与 Visual Studio 调试器原理
c++·ide·windows·学习·visual studio·调试·现代c++
柒.梧.1 小时前
HTML入门指南:30分钟掌握网页基础
前端·javascript·html
Darken031 小时前
基于C语言的学习---if语句
c语言·学习·if语句
LiYingL1 小时前
LAMIC:一种无需学习、布局可控的多参考图像生成方法
学习
小严家1 小时前
Java基础教程大全完整学习路径
java·开发语言·学习
yesyesyoucan2 小时前
在线魔方解谜站:从零入门到精通的智能魔方学习平台
学习·算法
智算菩萨2 小时前
实战:高级中文自然语言处理系统的Python设计与实现
前端·javascript·easyui