Vue.js將id綁定到onclick函數

Question

我有一個Vue模板，它循環遍歷一個數組並創建一個表。表中的每個項目還會獲得一個我想要將點擊事件綁定到的按鈕，並傳遞將用於點擊功能的令牌。

我得到了以下錯誤，當我嘗試使用插值傳遞令牌：

onclick="getClickedResult({{result.reportToken}})": 
Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead. 
For example, instead of <div id="{{ val }}">, use <div :id="val"> 

我知道我可以使用V-上綁定的點擊功能：點擊=「setClickedResult（）」或者我可以使用：id =「val」將標記添加到按鈕，但我很困惑如何組合這些標記，以便將標記正確傳遞到函數中。

Answer 1

這個怎麼樣：

<div v-on:click="getClickedResult(result.reportToken)">Click me!</div> 

或者與@速記：

<div @click="getClickedResult(result.reportToken)">Click me!</div> 

你不需要內部v-on屬性插補（{{ ... }}）。