VUE学习——事件参数

BUG批量生产者2024-02-10 20:25

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

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