【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); 　　　　} 　　} })