VUE学习——事件参数
接前一节,事件绑定之后,我们需要传递参数。
<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),可以只传弟第一个,也可以只传递第二个,两者一块的时候,顺序不能乱。