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-on:click="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 属性中进行插值 ({{ ... }})。