コンポーネントに値を渡す

私は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は次のとおりです。

あなたが dynamic props notationが必要

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

出典

2016-09-06 Bluephlame

：:id="'i-' + item.Id + '-newsletter'"

出典

2016-09-06 16:06:29

私は 'あなたが意味すると考えています。id = " 'I-' + item.Id + '-newsletter ''"。しかし、OPは、そのプロパティまたは計算されたプロパティのメソッドを作成する方が良いでしょう。私はまだあなたにいくつかの甘い投票のアクションを与えるでしょう。 –

@BillCriswellありがとう。更新しました。あるいは、バックティックとES6で他のことをすることもできます。 –

コンポーネントに値を渡す

答えて

関連する問題