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

相关推荐
虾球xz2 分钟前
CppCon 2015 学习:CLANG/C2 for Windows
开发语言·c++·windows·学习
HelloWord~24 分钟前
SpringSecurity+vue通用权限系统2
java·vue.js
蓝婷儿1 小时前
6个月Python学习计划 Day 17 - 继承、多态与魔术方法
开发语言·python·学习
bysking1 小时前
【27-vue3】vue3版本的"指令式弹窗"逻辑函数createModal-bysking
前端·vue.js
一头小鹿1 小时前
【JS】原型和原型链 | 笔记整理
javascript
龚思凯1 小时前
Vue 3 中 watch 监听引用类型的深度解析与全面实践
前端·vue.js
red润1 小时前
封装hook,复刻掘金社区,暗黑白天主题切换功能
前端·javascript·vue.js
持续前进的奋斗鸭1 小时前
Postman测试学习(1)
学习·postman
葬送的代码人生2 小时前
React组件化哲学:如何优雅地"变秃也变强"
前端·javascript·react.js
hello kitty w2 小时前
Python学习(7) ----- Python起源
linux·python·学习