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

Question

這是我的一個V型福爾循環中的代碼行：

<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綁定，但在這種情況下，我已經有一個v-上.....

如何應用兩者？

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>