【vue】@click绑定的函数，如何同时传入事件对象和自定义参数

知识很久不用的话，果然是容易忘的...

记记笔记，希望能加深点印象吧。

【仅仅传入事件对象】

html：

<div id="app">
  <button @click="click">ddddd</button> // 不写任何参数
</div>

js：

new Vue({
   el: '#app',
　　methods: {
　　　　click: function(event){ // 事件对象会自动传入第一个参数
　　　　　　console.log(event);
　　　　}
　　}
})

 

【仅仅传入自定义参数】

html：

<div id="app">
  <button @click="click（123）">ddddd</button>
</div>

 

js：

new Vue({
   el: '#app',
　　methods: {
　　　　click: function(event){ // 123会存入第一个参数event 这时候就没有事件对象了
　　　　　　console.log(event);
　　　　}
　　}
})

 

【同时传入事件对象和自定义参数】

html：

<div id="app">
  <button @click="click（$event，123）">ddddd</button> // 第一个参数要用$event表示事件对象 第二个参数传参
</div>

js：

new Vue({
   el: '#app',
　　methods: {
　　　　click: function(event, value){
　　　　　　console.log(event);
　　　　}
　　}
})