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 小时前
学习嵌入式的第二十四天——数据结构——队列和树
数据结构·学习
rainy雨1 小时前
学习方法①
学习
啊我不会诶3 小时前
CF每日4题(1500-1700)
c++·学习·算法
.鸣3 小时前
Java学习笔记:IDEA简单使用技巧
java·学习
芜青3 小时前
JavaScript手录18-ajax:异步请求与项目上线部署
开发语言·javascript·ajax
织_网3 小时前
Electron 核心 API 全解析:从基础到实战场景
前端·javascript·electron
shuououo4 小时前
集成算法学习笔记
笔记·学习·算法
2401_837088504 小时前
setup 语法糖核心要点
开发语言·前端·javascript
你也向往长安城吗5 小时前
基于 navmesh 的路径搜索技术剖析 (游戏、三维方向必看!!!)
javascript·游戏·游戏开发
JustHappy5 小时前
「Versakit攻略」🔥Pnpm+Monorepo+Changesets搭建通用组件库项目和发包流程
前端·javascript·vue.js