將值傳遞給組件

我在vue.js中實現了一個組件，我需要將值傳遞給父視圖中的組件。以下是我正在嘗試做的事情。 div正確接收該id但是，該組件不會收到相同的id值。在最終的HTML中，id呈現爲您看到的「i - {{item.Id}} - newsletter」並且未由vue.js解析將值傳遞給組件

將數據發送到vue.js的正確語法是什麼零件？

<div class="slds-col" id="{{item.Id}} 
    <marketing-preference id="i-{{item.Id}}-newsletter" name="Newsletter" ></marketing-preference> 
</div>

這裏是定義組件的Javascript。

Vue.component('marketing-preference',{ 
    template: '#marketing-preference-template', 
    props:['id','name'] 
});

2016-09-06 Bluephlame

您需要dynamic props notation：:id="'i-' + item.Id + '-newsletter'"

2016-09-06 16:06:29

，我相信你的意思'：ID = 「 '異' + item.Id + '-newsletter'」'。儘管如此，OP會更好地創建一個方法或一個計算屬性。儘管如此，我仍然會給你一些甜蜜的投票行動。 –

@BillCriswell謝謝。更新。或者可以用反引號和ES6來完成另一個。 –

回答