구성 요소에 값 전달

vue.js에 구성 요소를 구현 중이므로 상위 뷰에서 구성 요소에 값을 전달해야합니다. 아래는 내가하려고하는 것입니다. div은 id를 올바르게 수신하지만 Component는 동일한 id 값을받지 못합니다. 최종 HTML에서 ID는 "i - {{item.Id}} - 뉴스 레터"로 표시되고 vue.js가 구문 분석하지 않습니다.구성 요소에 값 전달

vue.js로 데이터를 보내는 올바른 구문은 무엇입니까? 구성 요소?

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

다음은 구성 요소를 정의하는 자바 스크립트입니다.

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

출처

2016-09-06 Bluephlame

당신은 dynamic props notation이 필요합니다 ID를 = " 'I-'+ item.Id + '-newsletter'"`: :id="'i-' + item.Id + '-newsletter'"

출처

2016-09-06 16:06:29

난 당신이'의미 믿습니다. , OP는 그 또는 계산 된 속성에 대한 방법을 만드는 것이 더 나을 것입니다. 그래도 내가 투표 할 수있는 행동을 줄거야. –

@BillCriswell Thanks. 업데이트 됨. 또는 백틱 (backticks)과 ES6로 다른 작업을 수행 할 수도 있습니다. –

구성 요소에 값 전달

답변

관련 문제