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

Question

这是我在v-foor循环中的代码行：

<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>

我知道我不能在属性中使用胡须。我应该使用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>