我有一个 Vue 模板,它循环遍历数组并创建一个表。表中的每个项目还获得一个我想要将单击事件绑定(bind)到的按钮,并传入将在单击函数中使用的 token 。
当我尝试使用插值传递 token 时,出现以下错误:
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()"绑定(bind)点击函数,或者我可以使用 :id="val"将 token 附加到按钮,但我对如何组合这些感到困惑,所以 token 正确传递到函数中。
最佳答案
这个怎么样:
<div v-on:click="getClickedResult(result.reportToken)">Click me!</div>
或者使用@
简写:
<div @click="getClickedResult(result.reportToken)">Click me!</div>
您不需要在 v-on
属性内进行插值 ({{ ... }}
)。
关于javascript - Vue.js 将 id 绑定(bind)到 onclick 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44509975/