VUE学习——事件参数

最新推荐文章于 2024-04-03 08:36:50 发布

BUG批量生产者

最新推荐文章于 2024-04-03 08:36:50 发布

阅读量425

点赞数 9

分类专栏： VUE 文章标签： vue.js 学习 javascript

本文链接：https://blog.csdn.net/JiangMeiXue/article/details/136088369

版权

VUE 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

本文介绍了在Vue.js中如何使用模板`v-for`循环时进行事件绑定，并探讨了`getNameHandler`方法如何接收和处理单个或多个参数，强调了参数顺序的重要性。

摘要由CSDN通过智能技术生成

接前一节，事件绑定之后，我们需要传递参数。

<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>