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"を使用してトークンをボタンに添付しますが、これらを組み合わせてトークンが関数に正しく渡されるよう混乱させています。

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

それとも@速記と：：

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

あなたはv-on属性内挿（{{ ... }}）を必要としない、このことについては何

Answer 1

。