Vue.js将id绑定到onclick函数

Question

我有一个Vue模板，它循环遍历一个数组并创建一个表。表中的每个项目还会获得一个我想要将click事件绑定到的按钮，并传入将在click函数中使用的标记。

当我尝试使用插值传递令牌时出现以下错误：

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-on绑定click函数：click =＆＃34; setClickedResult（）＆＃34;或者我可以使用以下命令将令牌附加到按钮：id =＆＃34; val＆＃34;但我对如何组合这些以使令牌正确传递给函数感到困惑。

Answer 1

这个怎么样：

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

或使用@简写：

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

您不需要在{{ ... }}属性中插值（v-on）。