javascript - 如何使用 Vue2 一起管理 v-bind 和 v-on？

Question

这是我在 v-foo 循环中的代码行:

<div class="box-comment" v-for="p in products">
   <span v-on:click="addProduct(@{{ p.sku_f }})" class="btn text-muted pull-right"><i class="fa fa-plus"></i> Add</span>
</div>

我知道我不能在属性内使用 mustache 。我应该使用 v-bind 但在这种情况下我已经有一个 v-on...

应该如何应用两者？

Answer 1

如果您使用了任何 vue 指令，它会自动将其插入为 vue 变量。所以你只需要执行以下操作:

<div class="box-comment" v-for="p in products">
   <span v-on:click="addProduct(p.sku_f)" class="btn text-muted pull-right"><i class="fa fa-plus"></i> Add</span>
</div>