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属性插补（{{ ... }}）。