将值传递给组件

时间:2016-09-06 16:03:29

标签: vue.js

我正在vue.js中实现一个组件,我需要从父视图向组件传递一个值。以下是我试图做的事情。 div正确接收id,但Component不会收到相同的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']
});

1 个答案:

答案 0 :(得分:2)

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